Aggiorna pagina quando colorbox è chiuso

Question

sto usando colorbox e voglio aggiornare la pagina quando sarà chiusa, così ho provare qualcosa di simile:

$.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) 
       }); 

Se rimuovo opzione onclosed, dopo 5 secondi colorbox verrà rimosso, ma facendo come il codice su di esso si chiuderà quando ajax si fermerà per caricare la pagina in post. Qual è il problema? Mi potete aiutare? NO oNE? :(

Answer 1

Prova questo:

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

Giusto per chiarire la differenza - il plugin consente di fornire una funzione di callback per l'evento onClosed, che deve essere un nome o una funzione anonima Questa è una funzione anonima. - avreste potuto facilmente fatto quanto segue, invece, per migliorare la leggibilità/riutilizzabilità (in alcuni casi) si noti la mancanza di parentesi sulla richiamata

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

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

Answer 2

si può anche mettere l'aggiornamento all'interno della chiamata di origine per il colorbox..

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