jquery-ui - 如何定位对话框窗口框架中的关闭按钮？

Question

我正在使用 jQuery 对话框，我想在对话框框右上角和角落的关闭按钮上添加一些功能。我可以通过简单地向对话框添加关闭功能而不影响对话框中包含的取消按钮来完成此操作吗？这意味着取消按钮显然会关闭对话框并执行其自己的功能，但对话框框架中的关闭按钮需要执行其他操作。希望我已经解释得足够清楚了。

Answer 1

如果您正在使用buttons对话框中的选项，其中之一是Cancel，那么是的。您显然可以为按钮创建自己的函数，然后为事件创建Cancel一个单独的函数。close为了安全起见，您可能希望将按钮包含preventDefault()在函数中Cancel。

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

我想上面的答案更好，因为它更清晰，更清晰的实现。