Javascript 单击外部时如何关闭easyui对话框?
在我的项目中,我使用easyui对话框 我选择easyui链接按钮以成功打开对话框 因为它没有标题,我想在单击外部时关闭此对话框 我不知道如何定义 以下是我的js代码:Javascript 单击外部时如何关闭easyui对话框?,javascript,jquery,jquery-easyui,Javascript,Jquery,Jquery Easyui,在我的项目中,我使用easyui对话框 我选择easyui链接按钮以成功打开对话框 因为它没有标题,我想在单击外部时关闭此对话框 我不知道如何定义 以下是我的js代码: <script> $(document).ready(function() { $('#dlg').window('close'); }); </script> $(文档).ready(函数() { $('dlg')。窗口('close'); }); 以下是我的html代码: <di
<script>
$(document).ready(function()
{
$('#dlg').window('close');
});
</script>
$(文档).ready(函数()
{
$('dlg')。窗口('close');
});
以下是我的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>
一个
两个
三
谁能帮我
$('#dlg' ).dialog({
clickOutside:true,
});
我已经测试过了,它能正常工作,但失败了
我已经测试过了,但没有成功。试一下可能会有帮助
$('#dlg' ).bind('clickoutside',function(){
$('#dlg' ).dialog('close');
});
试一下可能会有帮助
$('#dlg' ).bind('clickoutside',function(){
$('#dlg' ).dialog('close');
});
也可以尝试此方法,如果无效,请共享信息。在加载文档时编写此代码
$(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");
}
});
});
也可以尝试此方法,如果无效,请共享信息。在加载文档时编写此代码
$(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");
}
});
});
它什么也没显示。我使用的是easyui,而不是jquery ui。我共享了另一个答案。请检查这个答案。它不会显示任何内容。我使用easyui,而不是jqueryui。我共享另一个答案检查这个。