单击外部时如何关闭easyui对话框？答案

【问题标题】：How to close easyui dialog when click outside?单击外部时如何关闭easyui对话框？
【发布时间】：2017-11-08 03:43:01
【问题描述】：

在我的项目中，我使用 easyui 对话框。

我选择easyui-linkbutton打开对话框成功。

因为它没有标题，所以我想在点击外面的时候关闭这个对话框。

我不知道怎么定义。

这是我的js代码：

<script>
$(document).ready(function()
{ 
   $('#dlg').window('close');
});
</script>

这是我的html代码：

<div class="easyui-panel" style="padding:5px;">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')" data-options="plain:true,iconCls:'icon-newfile'">addNewFile</a>
 </div>

<div  id="dlg" class="easyui-dialog"  title=""  data-options="iconCls:'icon-save'" style="width:88px;height:260px;top:160px;left:176px;padding:10px">
<label style="cursor:pointer">one</label><br />
<label style="cursor:pointer">two</label><br />
<label style="cursor:pointer">three</label>
</div>

谁能帮帮我？

【问题讨论】：

标签： javascript jquery jquery-easyui

【解决方案1】：

也试试这个，如果不起作用，分享信息。在文档加载时编写此代码。

$(document).mousedown(function(e) {
                    var clicked = $(e.target);                 
                    if (clicked.is('#dlg') || clicked.parents().is('.ui-widget-content') || clicked.is('.ui-dialog')) {                     
                        return;
                    } else { 
                        $('#dlg').dialog("close");
                    }
                });
          });

【讨论】：

【解决方案2】：

尝试一次可能会有帮助。

$('#dlg' ).bind('clickoutside',function(){
    $('#dlg' ).dialog('close');
});

【讨论】：

它什么也不显示。我用的是easyui，不是jquery ui。
我分享另一个答案检查这个。

【解决方案3】：

$('#dlg' ).dialog({
    clickOutside:true,
});

我已经测试过，它工作失败。

【讨论】：