如何在对话框窗口中关闭关闭按钮？

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

我想上面的答案是更好的，因为它是更清晰和更干净的实施。