在前面介绍对话框组件选项的时候,我们已经用到了 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')
执行一次 .... 因为当前没有显示对话框,所以执行这行代码,会把对话框显示出来 ...
再执行一次 ... 会把显示出来的对话框隐藏起来 ...