jquery dialogue fermer pas déclenché

Question

J'ai défini ma boîte de dialogue sur le chargement de la page. Je peux voir la boîte de dialogue et tout semble être bien jusqu'à présent:

dlg1 = $("#modalHolder"); 
dlg1 = dlg1.dialog({ 
    width: 300, 
    height: 150, 
    modal: true, 
    autoOpen: false, 
    resizable: false, 
    closeOnEscape: false, 
    draggable: false, 
    overlay: { 
     backgroundColor: 'red', 
     opacity: 0.65 
    }, 
    open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); } 
}); 

Maintenant, je voudrais mettre l'événement de fermeture dynamique, alors j'ai essayé ceci:

function setCloseFunction(fun) 
{ 
    dlg1.dialog({ 
     close: function(event, ui) 
     { 
      alert("2"); 
      fun(); 
     } 
    }); 
} 

Et je l'appelle comme: Cependant, à la fermeture de la boîte de dialogue, l'alerte n'apparaît jamais. Des idées?

Answer 1

Vous devez écrire:

dlg1.bind('dialogclose', function(event, ui) { 
    alert("2"); 
    fun(); 
}); 

setCloseFunction(function() { alert('1'); }); 

EDIT: Pour supprimer la fonction, vous pouvez appeler unbind('dialogclose').

Answer 2

La syntaxe utilisée dans setCloseFunction n'est correcte que lorsque vous initialisez une boîte de dialogue. Si la boîte de dialogue existe déjà, comme dans votre cas, vous changez normalement des options comme ceci:

dlg1.dialog('option', optionName, value); 

Pour les événements, tels que close, vous liez un auditeur à lui:

dlg1.bind('dialogclose', function(event, ui) { 
    ... 
});