javascriptがローカル環境で動いてサーバー上で動かない

Webサイト制作

個人メモ。

画像の切り替えを行うjavascriptが、ローカル環境(自分のパソコン)で動くのに、サーバーにアップして確認すると動かない・・・。

いつもこの手のトラブルは手こずるのだが、今回はすぐわかった。

サイトへのアクセスは、SSL(暗号化/HTTPS)で接続しているのに、jqueryを呼び出しているのがSSL非対応で行っていた(HTTPSとHTTPが混在)。具体的には下記の通り。

 

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js”></script>

 

「http」を「https」に直せばOK。

暗号化されているページ内から暗号化されていないデータを読み込もうとしたので、ブラウザでブロックされていたわけです。そりゃ動かんです。

タイトルとURLをコピーしました