modal 方法

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

在前面介绍对话框组件选项的时候,我们已经用到了 modal 方法。下面,再去试一下这个方法。

打开浏览器的控制台 ... alt + command + J ,windows 用户可以使用 alt + ctrl + J

比如现在, 我们想通过 JavaScript 来控制对话框的显示和隐藏 ... 想让对话框显示出来,可以这样 ...

先用 jQuery ,找到对话框 ... 然后使用 modal 这个方法 ... 再给它一个 show 这个参数 ...

$('#login-modal').modal('show')

回车 ... 会把对话框显示出来 ... 把它隐藏起来可以这样 ... 给 modal 这个方法一个 hide 参数 ...

$('#login-modal').modal('hide')

另外还有一个 toggle ,可以显示或者隐藏对话框 ...

$('#login-modal').modal('toggle')

执行一次 .... 因为当前没有显示对话框,所以执行这行代码,会把对话框显示出来 ...

再执行一次 ... 会把显示出来的对话框隐藏起来 ...

modal 方法《 Bootstrap 3 基础 》

统计

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

社会化网络

关于

微信订阅号

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