Fancyboxのトラブル：未定義私はここで少しトラブルてる機能

Question

ではありません。私はこのJavaScriptエラーを取得していますfancyboxをインストールしようとすると：ここ

'undefined' is not a function (evaluating '$("a.fancybox").fancybox()') 

は私のHTMLは

<a href="http://localhost/vm/wp-content/gallery/txt/l2.jpg" class="fancybox"> 
<img src="http://localhost/vm/wp-content/gallery/testando/thumbs/thumbs_l2.jpg"> 
</a> 

で、私のjavascriptの

<script type="text/javascript"> 
$(document).ready(function() { 
    $("a.fancybox").fancybox(); 
}); 
</script> 

は、誰でもこの問題が発生しましたか？

ありがとうございます！

Answer 1

私はそのバージョンがFancybox（FYI Fancyboxのバージョン2.xは、既存および動的に追加要素を扱うことができる）で動的に追加要素を表示することはできませんので、あなたがfancyboxのv1.3.xを使用していることを想定しています。

あなたはFancyboxのバージョン2.xにアップグレードしたくない場合は、2つのオプションがあります。

1. が または
2. はあなたにスクリプトを再構築してfancyboxをトリガするjQuery delegate()を使用してjQueryのlivequeryプラグインを使用します新しい要素

どちらもオプションhereです。

jQuery delegate()ソリューションを使用すると、単一の要素で、Fancyboxギャラリーでは動作しないことに注意してください。

私はそのdemo page hereを持っている代わりにあなたはjQueryの1.7以降にアップグレードし、新しいAPIにjQuery on()

を使用することができ、livequeryプラグインを使用すると、まだ動的に追加された要素のFancyboxギャラリーを使用しない場合既存の動的に追加された要素を持つFancyboxギャラリーを表示するためにjQuery on（）を使用する方法を示します。お気軽にソースコードを見てください。

Answer 2

私は、ページがjQueryのの2つのコピーを持っている場合も、同様の問題に遭遇しました。したがって、あなたのページにjQueryのコピーが1つだけあることを確認してください。

何が起こることはFancyboxは、jQueryの最初のコピーから自分自身を拡張していることです。 2番目のコピーのために、その文書の準備がそのコピーからのみ呼び出されています。もちろんFancyboxは適用されません。