如何在对话框窗口框架中定位关闭按钮?

时间:2013-07-10 20:24:15

标签: jquery-ui

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

2 个答案:

答案 0 :(得分: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
        }
});

答案 1 :(得分:0)

实际上我使用下面的方法来完成此任务。它似乎工作得很好所以我不知道这样做是否有任何缺点。这是代码:

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

我认为上面的答案更好,因为它更清晰,更清晰。