ホストされたjQueryをローカルで確認するときは注意!!

ものすごくちょっとしたことですが、つまずいたのでメモ。

WebページにjQueryを使う際はダウンロードして配置するよりも、Googleでホスティングされているものを使用しておいたほうが管理も楽です。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

こんな風に書けばいいんですが、もしローカルでindex.htmlとか作り、それをブラウザで表示して確認している場合はエラーになります。

理由は「プロトコルを指定していない場合は元のページと同じプロトコル指定になる」らしい(あまり詳しくないので、動作を見ての結論です)。

つまり、こう指定したことになっています。

<script src="file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

ローカルでテストする間だけ、http(https):も含めて指定しておきましょう。

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

これで動きます。
よかったよかった。

スポンサーリンク

シェアする

スポンサーリンク