2012-02-03 23 views
5

estoy usando colorbox y quiero actualizar la página cuando se cierra, por lo que intentar algo como esto:Actualizar página cuando está cerrado colorbox

$.colorbox({href:"loading.html",title:'send notification...',escKey:false,width:300,height:00, 
overlayClose:false,onClosed:location.reload(true)}); 
       $.ajax({ 
        url: "sendNot.php", 
        type: "POST", 
        data: {titolo:titolo.value,messaggio:messaggio.value}, 
        success: setTimeout("parent.$.colorbox.close()",5000) 
       }); 

Si quito opción onclosed, después de 5 segundos colorbox se eliminará, pero al hacer clic en el mismo se cerrará cuando ajax se detenga para cargar la página en la publicación. ¿Cuál es el problema? ¿me puedes ayudar? ¿NO? :(

Respuesta

12

Prueba esto:

$.colorbox({href:"loading.html",title:'send notification...',escKey:false,width:300,height:00, 
overlayClose:false,onClosed:function() { location.reload(true); }}); 

sólo para aclarar la diferencia - el plugin le permite proporcionar una función de devolución de llamada para el evento onClosed, que debe ser un nombre o función anónima Esta es una función anónima. - que podría haber hecho fácilmente el siguiente lugar, para mejorar la legibilidad/reutilización (en algunos casos) Nótese la falta de soportes en la devolución de llamada

$.colorbox({href:"loading.html",title:'send notification...',escKey:false,width:300,height:00, 
    overlayClose:false,onClosed:reloadPage}); 

function reloadPage() { 
    location.reload(true); 
} 
+0

Esa es la manera de hacerlo. – Jack

4

también se puede poner la actualización dentro de la llamada de origen para la caja de colores..

$(document).ready(function(){ 
    $('.iframe').colorbox({ 
     iframe:true, 
     width:'700px', 
     height:'800px', 
     onClosed:function(){ location.reload(true); }, 
    }); 
}); 
Cuestiones relacionadas