お世話になります。昨年まで問題なく表示されておりましたjqueryで作成したfacebookページが今年からfirefox、chromeで表示しなくなったのです。スライダー表示。以下のANAと同じ方法です。ANAも表示しないようです。IE10以上とSafariでは、問題なく表示するのです。
当方のサイトも以下と全く同じように作りました。
https://www.facebook.com/ana.japan/app_312843762115840
正常に表示され動作する画面のハードコピーを添付
htmlには、以下の記述
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- load Galleria -->
<script src="js/galleria.js"></script>
===========
jsは、以下にリンクしております。
galleria.js
この記述の仕方がダメなんです。
htmlには、以下の記述 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <!-- load Galleria -->
Firefox や Chrome では、SSL (https://~) で表示されているページから、外部の非 SSL なコンテンツを参照するのがブロックされます。
なので、jquery.js や、ANA のページの場合には jquery.min.js の読み込みがブロックされて、jQuery の機能が全く使えなくなります。
開発用のコンソール (ctrl + shift + K) を見ると、以下のようなエラーが出ていることが分かります。
ブロックされるようになったのは、Firefox では 23 からでしょうか。
セキュリティ
Firefox 23 for developers - Mozilla | MDN
・Mixed content のブロック。Firefox はセキュアな (https) ページでセキュアでない (http) リソースを読み込みません (バグ 834836)。
以下のように記述すると、フレームのプロトコル(正確には、「スキーム」)に合わせて、外部スクリプトを読み込んでくれます。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <!-- ↑ココ -->
Safari ではブロックされないんですね。
2014/04/01 14:25:16ちらっと調べてみた感じでは、ブロックする設定はありそうなのですけれど、デフォルトでブロックしない設定になってるのかな?
因みに、Firefox でも設定でブロックを外すことはできます(非推奨)。
ありがとうございます。
2014/04/01 16:35:24確認対応したところ問題は解消して表示されました。
今後ともよろしくお願いいたします。