javascript - 如何使用 data-dismiss 关闭 Bootstrap 面板？

Question

我有一个打开面板的按钮，我希望能够像关闭警报一样关闭它。

Bootstrap 文档中的默认面板示例

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

如果我按照记录为面板标题的警报添加一个关闭按钮，该按钮只会删除标题。

Answer 1

您可以通过使用未记录功能来设置关闭操作的目标来做到这一点...

<button type="button" class="close" 
data-target="#id_of_panel" 
data-dismiss="alert">
<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
</button>

这将使关闭按钮关闭面板而不是其父元素。