httpsでのjsの動作について

Question

https://【ドメインA】で表示したページで、以下のように記述すると動作せず、

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//【ドメインB】/main.js">

以下のように、main.jsをhttp接続にすると動作します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://【ドメインB】/main.js">

「https js 動かない」などで検索すると逆の状況のケースが多くあったのですが、なぜ外部jsをhttps接続にすると動かなくなるのかわからず、質問させていただきます。ちなみに以下のように記述しても動かないようです。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://【ドメインB】/main.js">

また、main.jsの外部読み込みをやめて、main.jsの内容を<script></script>で直接書き込んでも動作しませんでした。

※ロリポップ！で開始された無料のSSLを設定して、ページをSSL化している途中で、このような現象がおきております。
【ドメインA】はカラーミーショップから発行されるドメイン、
【ドメインB】は、ロリポップ！で無料SSLを設定した独自ドメインです。

Comments

[syuus]

ブラウザのコンソールにエラーが出ていたりはしませんか。jsファイルの読み込みがうまくいっていないのか、JavaScriptの処理自体に問題があるのかの切り分けをしてみてはいかがでしょうか。

[momo_monom]

ご指摘ありがとうございます。再度確認したところ、外部のmain.jsが二重に読み込まれており、一つがhttp接続で読み込みエラーの際に正常に動作する、という現象でした。

Answer 1

再度確認したところ、外部のmain.jsが二重に読み込まれており、一つがhttp接続で読み込みエラーの際にに正常に動作する、という現象でした。