Deaktiviert Fancybox Click Events?

Question

Das ist meine Frage, und hier ist mein Beispielcode.

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');}); 

Wenn Sie ein Bild klicken FancyBox zu starten, afterLoad wird im Header fallen, aber wenn Sie das Bild klicken und die Konsole sehen du bekommst nichts.

Gedanken? Ich versuche, die $.fancybox.close() Methode von FancyBox zu verwenden, aber wenn ich das Klickereignis nicht auslösen kann, bin ich gezwungen, es inline zu verwenden, was ich lieber nicht tun würde, um JS inline nicht zu verwenden.

Answer 1

Sie sollten entweder .on() oder gleichwertig verwenden, um dynamisch zu binden oder im afterLoad Callback zu binden. Es hat nichts mit Fancybox zu tun: Sie binden mit einem jQuery-Selektor, der mit etwas übereinstimmt, das im DOM noch nicht existiert. Alternativ könnten Sie versuchen, direkt an das Element im Speicher zu binden, aber Sie sollten zuerst mit der DOM-Bindung arbeiten.