jquery-ui - jQuery UI 对话框 : how to close dialog when click outside?

Question

在 docs我没有看到这样的信息。

在这种情况下，可以选择关闭对话框:

1)按Esc；

2) 单击对话框中的“确定”或“关闭”按钮。

但是如果单击外部如何关闭对话框？

谢谢!

Answer 1

我在 ryanjeffords.com 上找到了解决方案:

<script type="text/javascript">

    $(document).ready(function() {

        $("#dialog").dialog();

        $('.ui-widget-overlay').live("click",function(){
            $("#dialog").dialog("close");
        });    
    });   
</script>