引导警报.js为什么点击关闭按钮，你不能关闭父级div

Question

参见：JSFiddle Demo

引导警报.js父父窗口不会关闭吗？(来自谷歌翻译！

<div class="alert alert-danger fade in">
    <h4>Oh snap! You got an error!</h4>
    <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
    <ul class="pager">
      <li class="previous"><a href="#" class="text-muted" data-dismiss="alert" aria-hidden="true"><i class="glyphicon glyphicon-eye-close"></i> Close</a></li>
      <li class="next"><a href="#" class="text-muted"><i class="glyphicon glyphicon-fullscreen"></i> View</a></li>
    </ul>
</div>

Answer 1

它不起作用的原因是因为只有data-dismiss按钮的父元素消失了。 这很可能是 Bootstrap 将来会修复的一个错误。

一个选项是确保您的按钮父元素是警报框。

<div class="alert alert-danger fade in">
  .....
  <a class="btn btn-danger" data-dismiss="alert" href="#">Close</a>
</div>

http://jsfiddle.net/YbBXn/4/

另一种解决方法是使您的按钮触发对另一个不可见的关闭按钮(即直接父级(的单击。

http://jsfiddle.net/YbBXn/5/