如何通过单击按钮打开和关闭引导警报？

我想通过按钮单击事件多次显示警报框，而无需刷新页面，但警报框仅显示一次。如果我想再次显示警报框，我必须刷新页面。

目前，如果您在页面上呈现引导警报，则当您关闭它时，警报的 div 容器将从页面中消失。因此，当您再次单击该按钮时，它就不再显示。我一直在关闭按钮上执行以下操作，使其隐藏而不是删除警报的 div 容器。

<button class="close" onclick="$('#alertBox').hide();; return false;">×</button>

我想知道在 bootstrap 中使用 data-toggle 或 data-dismiss 是否可以使这种切换效果起作用，而无需通过我自己的自定义 Javascript 处理程序。

我遇到了同样的问题：只是不要使用data-dismiss从关闭按钮并使用 JQueryshow() and hide():

$('.close').click(function() {
   $('.alert').hide();
})

现在，您可以使用以下代码在单击按钮时显示警报：

$('.alert').show()

希望这可以帮助！