jquery easyui 中dialog怎么关闭对话框

在jquery中,用easyui打开一个对话框,对话框引用了另一个页面,现在需要在这个页面中增加一个按钮,用来关闭对话框,如何写关闭事件?

1、首先下载EasyUI的组件包,然后导入到开发工具中并且在HTML页面导入jquery脚本。

2、接下来需要导入的easyui的脚本文件,如下图所示,一定先导入jquery后导入easyui。

3、然后需要导入的是easyui的样式文件,如下图所示,样式文件只需要easyui.css即可。

4、接下来还需要导入的是语言文件,不导入的话可能会导致一些组件是英文。

5、接下来在body中定义一个div,然后给它一个easyui-dialog的样式。

6、然后运行页面,就会在页面中看到一个dialog的弹出窗口了,就可以关闭对话框了。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-10-08
在页面中定义个关闭函数 ,在子页面中调用top.函数名
比如
function d_close(){
$('#dd').dialog('close');
}
在弹出页面里面top.d_close();
当然了如果页面不是顶部页面比如用了框架集就不用top.本回答被提问者采纳
第2个回答  2019-06-12
当dialog是js拼出来的时候可以使用 $('#div').dialog("destroy");摧毁该div,当是html书写的dialog 可以使用 $('#div').dialog("close");
第3个回答  2019-07-31
对话框(dialog)是一个特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。默认情况下,对话框(dialog)只有一个显示在头部右侧的关闭工具。用户可以配置对话框行为来显示其他工具(比如:可折叠 collapsible、可最小化 minimizable、可最大化 maximizable,等等)。你可以直接调用这个dialog中的关闭方法
$('#dialogDiv').dialog({
onClose:function(){
alert('dlg closed');
},
onOpen:function(){
alert('dlg Open');
},
});
第4个回答  2015-08-28

    $('#dialogDiv').dialog({
    onClose:function(){
        alert('dlg closed');
    }
    });

     $("#dialogDiv").dialog('destroy');

相似回答