Fancyboxミュートクリックイベントはありますか？

Question

これは私の質問です。ここに私のコード例があります。

HTML：

<a class="fancybox" rel="group" href="img1.jpg"> <img src="img1_thumb.jpg"> </a> 
<a class="fancybox" rel="group" href="img2.jpg"> <img src="img2_thumb.jpg"> </a> 

JS：

var header = '<img id="w" src="logo.gif">'; 

$('.fancybox').fancybox({ 
    afterLoad: function() { 
     this.wrap.prepend(header); 
    }, // afterLoad 
}); //fancybox 

$('#w').click(function() {console.log('clicked');}); 

あなたがFancyBoxを起動するサムネイルをクリックすると、afterLoadがヘッダーにドロップされますが、あなたは画像をクリックして、コンソールを監視あなたは何も得られない。

思考？私はFancyBoxの$.fancybox.close()メソッドを使用しようとしていますが、私がクリックイベントを発生させることができない場合は、インラインを使用することを余儀なくされます。これはJSインラインを使用しないためです。

Answer 1

.on()または同等のものを使用して、afterLoadコールバックで動的にバインドまたはバインドする必要があります。これはFancyboxとは関係がありません。あなたは、DOMにまだ存在しないものと一致するjQueryセレクタを使用してバインドしています。代わりに、メモリ内の要素に直接バインドすることもできますが、DOMバインディングを最初に扱うことで快適になるはずです。