多对话框

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

这里我准备了两个对话框,一个就是刚才我们创建的对话框 ... 另外这个对话框里面是一个进度条 .. 现在我想让这个对话框,在点击了上面这个对话框里的 是 这个按钮的时候显示出来 ..

下面可以先给这两个对话框添加一个名字 .. 在上面这个对话框里,添加一个 first .. 下面这个对话框上添加一个 second ..

然后我们先让 first 这个对话框显示出来 .. 下面再去设置一下 second 这个对话框,让它在点击了 first 对话框里的 是 这个按钮的时候显示出来 ..

我们可以让这个对话框在 first 对话框里的 是 这个按钮上附加一个 show 的事件 .. 这样点击了这个按钮,会触发这个事件,也就会显示这个对话框 .. 先找到 second 这个对话框 .. 调用 modal 方法 ..

再设置一下 modal 这个方法 .. 第一个参数设置成 attach events .. 再指定一下要附加事件的元素 .. 这里就是 first 这个对话框里的 .positive button .. 要附加的事件是 show ..

$('.ui.second.modal')
.modal('attach events', '.first.modal .positive.button', 'show');

保存 .. 点击这个对话框上的 是 这个按钮 .. 因为我们在这个按钮上附加了 show 事件 .. 所以点击它的时候,会显示 second 这个对话框 ..

多对话框《 Semantic UI 模块 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点