javascript - 如何通过在框覆盖的区域外单击来关闭 jQuery UI 模式对话框？

Question

我正在使用 jQuery 1.6 和 jQuery UI。我成功实现了 modal dialog宽度几乎是我的应用程序网页宽度的 50% 的窗口。我想给用户另一种关闭对话框的方法，这样当他/她在页面上被“模态框”覆盖的区域之外单击时，这个对话框将被关闭，就好像用户点击了右上角的“标准”“x”按钮。

我该怎么做？

Answer 1

更新

这是最初的答案:

$(".ui-widget-overlay").click (function () {
     $("#your-dialog-id").dialog( "close" );
});

这是可行的解决方案:

$('.ui-widget-overlay').live('click', function() {
     $('#your-dialog-id').dialog( "close" );
});