如何在對話框窗口中關閉關閉按鈕？

Question

我正在使用jQuery對話框，並且想要在對話框右上角的關閉按鈕中添加一些功能。我可以通過簡單地在對話框中添加一個關閉功能而不影響對話框中包含的取消按鈕來實現這一點嗎？這意味着取消按鈕顯然會關閉對話框並執行自己的功能，但對話框中的關閉按鈕需要做其他事情。希望我已經清楚地解釋了這一點。

Answer 1

如果您在對話框中使用buttons選項，其中之一是Cancel，那麼是的。顯然，您可以爲Cancel按鈕創建自己的功能，然後單擊close事件。爲了安全起見，您可能需要在您的Cancel按鈕的功能中包含preventDefault()。

$('#dialog').dialog({ 
     buttons: { 
       "Ok" : function() { 
         //perform whatever 
       }, 
       "Cancel" : function(e) { 
         e.preventDefault(); 
         //perform whatever 
       }, 
     close: function() { 
       // perform special CLOSE function 
     } 
}); 

Answer 2

其實我用下面的這個方法來完成這個。它似乎工作得很好，所以我不知道這樣做是否有任何缺點。這裏是代碼：

$("#dialog").dialog({ 
    ...dialog code goes here... 
    }).bind('dialogclose', function(event, ui) { 
    ... dialog close code goes here... 
    }); 

我想上面的答案是更好的，因爲它是更清晰和更乾淨的實施。