HTML+CSS

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

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

が、しかし!
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などに関して詳しくないので、ネットで調べに調べて
外部読込のパスがおかしい!とか
ブレイクして調べるとか
外部から読んでるファイルをローカルに落してきたりとか
色々してみたが、一向に動く気ナッシング

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

(;´ρ`) グッタリ 

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

Who's Tocoton? Tocotonってどんなん? ------------------------------------------------------
Tocoton はアメ村でホームページを中心にデザイン制作をしてます。
http://toco-ton.com/
ロゴ・名刺・チラシ・メニュー表・看板、写真撮影もやりますよ!
フットワーク軽いデザイナーお探しの方、ここにおります。
ご相談・お見積もり・ちょっと聞いてー!もどうぞ。
海外からのお仕事も大歓迎
Tocoton is a freelance web designer works at America-mura @ Osaka, Namba.
Web site, logo, namecard, flyer, menu, signboard and photographer, please check my website!
-----------------------------------------------------------------------

Share Button