http⇒httpsにしたらjQueryが一部動かなくなった話【備忘録】
11

雨が降っててジメジメしている大阪からこんにちは。
今日はコーディングの備忘録。
興味ない方には関係ないお話なので、ごめんなさい。

が、しかし!
httpからhttpsに変更したとたん、jQueryが動かんのやけどもっ!??
とお悩みの方にはもしかしたらお役に立てるかも。

TocotonのサイトをSSL化しようと実験をはじめて、
サーバの設定やら何やらスタスタいけたのに、最終確認したら
”ページトップへ戻る”に使用しているjQueryが動かない・・・

【解決方法】
結論からいくと、外部読込をしているスクリプトと、
そうではないものを混在して記述していたのを
外部読込、それ以外という順番に書き換えた

(修正前)
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>

<script type="text/javascript" src="../js/smartRollover.js"></script>
<script type="text/javascript" src="../js/scroll-slide.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

(修正後)
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>

<script type="text/javascript" src="../js/smartRollover.js"></script>
<script type="text/javascript" src="../js/scroll-slide.js"></script>

バグにはまること2時間ほど。
私はjQueryなどに関して詳しくないので、ネットで調べに調べて
外部読込のパスがおかしい!とか
ブレイクして調べるとか
外部から読んでるファイルをローカルに落してきたりとか
色々してみたが、一向に動く気ナッシング

で、最終的に順番かえたら動いたよーっていう素晴らしい記事を発見し
順番変えたら動いた。

(;´ρ`) グッタリ 

備忘録としてメモ。
もし同じような内容でハマってしまっている方の助けになれば最高。

お気軽にお問い合わせください!

デザインカウンセリングや、ホームページのご相談

SNS活用方法など気になることはお問い合わせください。

関西圏以外もZOOMで対応できるので海外からでもOK!

Ryo Kakumoto@Tocoton
Tocotonのモットーは大阪商人
sdg poster ja

copyright© Tocoton®,LLC all rights reserved.