dialog-plus-min.js 如何弹出框中在弹出一个对话框并且关闭第一个对话框
时间: 2024-03-28 09:41:20 浏览: 90
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
`dialog-plus-min.js`是一个基于`dialog.js`的弹窗插件,可以方便地弹出对话框。如果要在弹出的对话框中再次弹出一个对话框并关闭第一个对话框,可以使用如下代码:
```javascript
// 弹出第一个对话框
var d1 = dialog({
title: '第一个对话框',
content: '这是第一个对话框的内容',
okValue: '确定',
ok: function() {
// 弹出第二个对话框
var d2 = dialog({
title: '第二个对话框',
content: '这是第二个对话框的内容',
okValue: '确定',
ok: function() {},
cancelValue: '取消',
cancel: function() {}
});
// 关闭第一个对话框
d1.close().remove();
// 返回false,阻止第一个对话框的关闭事件
return false;
},
cancelValue: '取消',
cancel: function() {}
});
// 显示第一个对话框
d1.showModal();
```
在这个示例中,我们首先弹出了第一个对话框,然后在第一个对话框的确定按钮回调函数中弹出了第二个对话框,并关闭了第一个对话框。注意,我们需要返回`false`来阻止第一个对话框的关闭事件,否则第一个对话框会在弹出第二个对话框后自动关闭。
另外,需要注意的是,`dialog-plus-min.js`是一个第三方插件,使用前需要先引入相关的CSS和JS文件。具体使用方法可以参考插件的官方文档。
阅读全文