jquery對話框關閉不被觸發

Question

我已經在頁面加載中定義了我的對話框。我可以看到對話框，一切似乎要被罰款至今：

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

現在我想動態設置關閉事件，所以我想這：

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

我叫它爲：

setCloseFunction(new Function("alert('1')")); 

但是，當關閉對話框時，警報從不出現。有任何想法嗎？

Answer 1

你應該寫：

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

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

編輯：要刪除​​功能，可以調用unbind('dialogclose')。

Answer 2

在初始化對話框時，setCloseFunction中使用的語法纔是正確的。如果對話框已經存在，在你的情況，你通常改變的選項是這樣的：

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

事件，如close，你的監聽器綁定到它：

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