जब कोई मोटीबॉक्स बंद हो जाता है तो आप किसी ईवेंट को कैसे ट्रिगर करेंगे?

Question

यह प्रश्न वर्डप्रेस से सेमी-संबंधित है, लेकिन इसमें कहीं और अनुप्रयोग हैं। असल में, मैं इसे बनाने की कोशिश कर रहा हूं जब कोई थिकबॉक्स से बाहर निकलता है, तो यह पृष्ठ पर कहीं और एक ईवेंट ट्रिगर करता है। थिकबॉक्स फ़ाइल को संपादित करना एक विकल्प नहीं है।

Answer 1

यह थोड़ा जटिल है क्योंकि थिकबॉक्स इस तरह से लिखा नहीं गया है। लेकिन शायद आप इसे करने के लिए कुछ चाल का उपयोग कर सकते हैं।

यह अनुशंसित समाधान नहीं है लेकिन आप करीबी फ़ंक्शन को "पुनः लिख सकते हैं"। कुछ की तरह:

var old_tb_remove = window.tb_remove; 

var tb_remove = function() { 
    old_tb_remove(); // calls the tb_remove() of the Thickbox plugin 
    alert('ohai'); 
}; 

वर्क्स \ o/http://jsfiddle.net/8q2JK/1/

Answer 2

मुझे लगता है कि आप हैक कर सकते हैं कि बंद करें बटन के लिए क्लिक करें हैंडलर जुड़ कर:

$("#TB_closeWindowButton").click(function() { 
    doSomething(); 
}); 

आपके पास एक विकल्प है, तो मोटीबॉक्स से छुटकारा पाएं (क्योंकि यह अब बनाए रखा नहीं गया है) और अधिक सक्रिय समुदाय के साथ कुछ उपयोग करें। मोटाबॉक्स साइट, वास्तव में, proposes some alternatives^mirror।

Answer 3

आप "tb_unload" पर श्रोता को बांध सकते हैं जो मोटाबॉक्स बंद होने पर ट्रिगर करता है। jQuery का उपयोग कर उदाहरण:

<input id="tb_button" type="button" value="Click to open thickbox" /> 

jQuery('#tb_button').on('click', function(){ 
     tb_show('This is Google in a thickbox', 'http://www.google.com?TB_iframe=true'); 
     jQuery('#TB_window').on("tb_unload", function(){ 
     alert('Triggered!'); 
    }); 
} 

Answer 4

Thickbox 3.1 पर, मैं thickbox-fixed.js अंदर जाना होगा और अपने आप के लिए एक कस्टम समारोह जोड़ देगा

सिर्फ एक कॉलबैक फ़ंक्शन जोड़ने के लिए, यकीन नहीं एक अच्छा है रास्ता, लेकिन मेरे प्रोजेक्ट के लिए इसका काम।

function mycustom_tb_remove(callback) { 
    $("#TB_imageOff").unbind("click"); 
    $("#TB_closeWindowButton").unbind("click"); 
    $("#TB_window").fadeOut("fast",function(){ 
    if(callback)callback(); 
    $('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove(); 
    }); 
    $("#TB_load").remove(); 
    if (typeof document.body.style.maxHeight == "undefined") {//if IE 6 
    $("body","html").css({height: "auto", width: "auto"}); 
    $("html").css("overflow",""); 
    } 
    document.onkeydown = ""; 
    document.onkeyup = ""; 
    return false; 
} 

तो जब मैं अपने कस्टम निकालने के फ़ंक्शन का उपयोग करता हूं। मैं इसे इस तरह इस्तेमाल करूंगा।

self.parent.mycustom_tb_remove(function(){ 
    alert("Closed"); 
}); 

Answer 5

आप कुछ इस तरह की कोशिश कर सकते हैं ...

var tb_unload_count = 1; 
$(window).bind('tb_unload', function() { 
    if (tb_unload_count > 1) { 
     tb_unload_count = 1; 
    } else { 
     // do something here 
     tb_unload_count = tb_unload_count + 1; 
    } 
}); 

tb_unload शुरू हो दो बार तो यह भी शामिल है एक हैक का एक सा सुनिश्चित करें कि आपके कोड दूसरी बार नहीं चलता है बनाने के लिए किया जाता है।