javascript - 为什么单击关闭按钮后，可忽略的警报不再显示？

Question

我试图以与 Bootstrap 示例所示相同的方式使用可忽略警报:

<div class="alert alert-warning alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>

当显示警报时，我单击了关闭按钮。警报消失了，一切都很好。但是当我触发相同的触发器试图恢复警报时，它没有再次出现。

这是可忽略警报的预期行为吗？我怎样才能把它再带回来？谢谢。

Answer 1

您可以使用 jQuery 的 .show() 和 .hide() 方法来代替，“data-dismiss”会从 html 中删除警报元素。

bootply example