1

见这里：JSFiddle 演示

Bootstrap alert.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>
4

1 回答 1

0

它不起作用的原因是因为只有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/

于 2013-10-11T03:41:00.527 回答