单击除对话框之外的任何内容

时间:2011-04-13 03:38:27

标签: jquery jquery-ui

按下按钮,我显示了一个对话框。我想通过按任何其他地方或按退出键来隐藏它。有没有办法做到这一点?

2 个答案:

答案 0 :(得分:1)

要关闭转义键上的对话框,只需在对话框初始化程序代码中将closeOnEscape设置为true即可。要在对话框外的任何单击上关闭对话框,请参阅此answer

答案 1 :(得分:0)

将点击事件绑定到您的函数中并在其中执行检查。如果对话框打开,请将其关闭。

$(body).bind("click", function() {
      if (dialogIsOpen) { // replace dialogIsOpen with your check to see if the dialog is open.
            // code to close dialog
      }
});

$(body).bind("keydown", function() {
      if (keyIsEsc) { // replace keyIsEsc with check for ESC key.
            // code to close dialog
      }
});