Bootstrap 3.2.0提醒javascript混乱

时间:2014-07-31 02:58:07

标签: javascript html twitter-bootstrap twitter-bootstrap-3

http://getbootstrap.com/javascript/#alerts-examples 在使用部分下,它有几个js代码片段。但是,仅使用像

这样的标记
<div class="alert alert-warning fade in">
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    a message
</div>

会导致完全正常的警报,并在退出时显示淡入淡出。这个javascript($(".alert").alert())有什么作用?它适用于过时的浏览器吗?文件是否过时了?

1 个答案:

答案 0 :(得分:1)

这就是区别......

当您在alert分类元素上启用alert插件时,插件会在元素上注册单击事件处理程序,并且委托目标选择器为{{1 }}

这与插件的[data-dismiss="alert"]本身注册 click 事件处理程序的插件的隐式行为(例如,仅通过包含它来实现这一点)略有不同(同样的委托目标选择器,因为它将事件处理程序移动到更接近元素本身。

插件允许的另一件事是通过传递&#34; close&#34; 参数(例如document)来编程关闭警报。这仍然会注册 click 处理程序,如上面的第一种情况,相当于$('.alert').alert('close')