bootstrap alert的问题

问题描述

问 题

<h3>警告框（Alert）插件 alert() 方法</h3>
<div id="myAlert" class="alert alert-success">
    <a href="#" class="close" data-dismiss="alert">&times;</a>
    <strong>成功！</strong>结果是成功的。
</div>
<div id="myAlert" class="alert alert-warning">
    <a href="#" class="close" data-dismiss="alert">&times;</a>
    <strong>警告！</strong>您的网络连接有问题。
</div>
 
<script>
$(function(){
    $(".close").click(function(){
        $("#myAlert").alert();                                                                 //这里
    });
});
</script>

上面注释的位置，不管把#myAlert换成什么，比如ff,tt,#gg之类的，他都是关闭当前的alert，那这个选择器有什么意义

解决方案

不知你在.close中执行alert的用意是什么，如果只是为了关闭则整段代码完全没有存在的必要，data-dismiss="alert" 已经赋予了 close 按钮关闭的行为。

这篇关于bootstrap alert的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！