यह मेरा सवाल है, और यहां मेरा उदाहरण कोड है।क्या Fancybox म्यूट घटनाओं पर क्लिक करें?
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>
जे एस:
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.close()
विधि का उपयोग करने की कोशिश कर रहा हूं, लेकिन अगर मुझे क्लिक इवेंट को आग नहीं मिल पाती है, तो मुझे इनलाइन का उपयोग करने के लिए मजबूर होना पड़ता है, जिसे मैं जेएस इनलाइन का उपयोग न करने के लिए नहीं करना चाहता हूं।
तो क्या मैं हेडर को प्रीपेड करने के बाद 'afterLoad' फ़ंक्शन' पर '$ (' # w ') जैसे कुछ (' क्लिक ', फ़ंक्शन() {$। Fancybox.close()}) डालूँगा? –
उसने ऐसा किया! बहुत बहुत धन्यवाद। –
बस सोचा कि मैं जोड़ता हूं कि 'afterLoad' कॉलबैक में' $ .fancybox.close() 'फ़ंक्शन बाध्यकारी इष्टतम नहीं था। जब आप अगली छवि पर स्क्रॉल करते हैं तो 'नया' हेडर ईवेंट को संभाल नहीं करता है। मैंने क्लिक हैंडलर को 'आफ्टरशो' कॉलबैक पर ले जाकर इसे ठीक किया। –