bootstrap alert的问题

Question

<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，那这个选择器有什么意义

Answer 1

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

Answer 2

同名的id最好只有一个吧。。。。。。

Answer 3

没试过，我觉得可以先试一个，再弄两个，而且发觉你的id还重复了，id唯一的吧。