私のサイトの新しいバージョンで作業していますが、ファンシーボックスを正しくロードできません:
http://www.taintmovie.com/storecartloom2/
jqueryへの重複呼び出しを確認しましたが、何も表示されませんでした。
私のサイトの新しいバージョンで作業していますが、ファンシーボックスを正しくロードできません:
http://www.taintmovie.com/storecartloom2/
jqueryへの重複呼び出しを確認しましたが、何も表示されませんでした。
この問題をもう少し掘り下げてみると、以前に提案されたように壊れているfancybox.jsファイルのパックバージョンではありません(ファイルをfancybox Webサイトと比較したところ、一致していました)。
エラーを取り除き、fancyboxを正しく機能させるには、Webサイトで修正する必要がある3つのことがあります。
1)。タグを閉じます<head>
(現在、閉じる</head>
タグはありません)
2)。jQueryの重複をチェックしたとのことですが、次のスクリプトを読み込んでいます。
<script type="text/javascript" id="cljs" src="https://taintmovie.cartloom.com/cart/cl?dr=1&ol=1"></script>
ここにリンクします。これにはjQueryv1.4.2が含まれているため、すでにロードされているv1.7.2と競合しています。
これが実際にこのエラーの理由です。
Error: TypeError: $(".fancybox").fancybox is not a function
Source File: http://www.taintmovie.com/storecartloom2/
Line: 40
...そのファイルを編集して、jQueryの部分を削除することをお勧めします。
3)。あなたは次のようにfancyboxをセレクターにバインドしています.fancybox
:
$(".fancybox").fancybox();
...ただし、HTMLは次のようになります。
<a class="fancybox.iframe" href="http://www.youtube.com/embed/bHEEdUQCNsM?autoplay=1"><img src="images/pantheonblack300.png"></a>
実際には、次のようなクラスfancybox
以外にクラスを設定する必要があります。fancybox.iframe
<a class="fancybox fancybox.iframe" href="http://www.youtube.com/embed/bHEEdUQCNsM?autoplay=1"><img src="images/pantheonblack300.png"></a>
...それ以外の場合は機能しません。
Firebugをいじくり回すと、fancybox.jsのパックバージョンが壊れているように見えます。開発者コンソールのソースを解凍したバージョンに変更したところ、正しく実行されました。