¿Cómo desencadenarías un evento cuando se cierre un ThickBox?

Question

Esta pregunta está semi relacionada con Wordpress, pero tiene aplicaciones en otros lugares. Básicamente, intento que cuando alguien salga de Thickbox, desencadene un evento en otro lugar de la página. Editar el archivo Thickbox no es una opción.

Answer 1

Es un poco complicado ya que Thickbox no está escrito de esa manera. Pero tal vez puedas usar algunos trucos para hacerlo.

No es la solución recomendada, pero puede "reescribir" la función de cierre. Algo así como:

var old_tb_remove = window.tb_remove; 

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

Works \ o/http://jsfiddle.net/8q2JK/1/

Answer 2

I que se puede hackear que mediante la unión de un controlador de clic en el botón de cierre:

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

Si usted tiene una opción, deshacerse de thickbox (ya que no se mantiene) y usar algo con una comunidad más activa. El sitio thickbox, de hecho, proposes some alternatives^mirror.

Answer 3

Puede enlazar un oyente con el "tb_unload" que se activa cuando se cierra el thickbox. Ejemplo usando 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

En Thickbox 3.1, voy a entrar en el interior Thickbox-fixed.js y añadirá una función personalizada para mí

sólo para añadir una función de devolución de llamada, no estoy seguro es un buen manera, pero es trabajo para mi proyecto.

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

Cuando uso la función de eliminación personalizada. Lo usaré de esta manera.

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

Answer 5

Usted puede intentar algo como esto ...

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 se dispara dos veces por lo que este incluye un poco de un truco para asegurarse de que su código no se ejecuta la segunda vez.