Question

请参阅此处： JSFiddle Demo

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>

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/

Bootstrap alert.js为什么单击关闭按钮，你不能关闭父父div？

1 个答案: