2

私のサイトの新しいバージョンで作業していますが、ファンシーボックスを正しくロードできません:

http://www.taintmovie.com/storecartloom2/

jqueryへの重複呼び出しを確認しましたが、何も表示されませんでした。

4

2 に答える 2

8

この問題をもう少し掘り下げてみると、以前に提案されたように壊れている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>

...それ以外の場合は機能しません。

于 2012-07-20T02:30:33.497 に答える
0

Firebugをいじくり回すと、fancybox.jsのパックバージョンが壊れているように見えます。開発者コンソールのソースを解凍したバージョンに変更したところ、正しく実行されました。

于 2012-07-20T00:15:28.067 に答える