提问者:小点点

引导警报:如何只“隐藏”他们而不删除他们时关闭?


我正在使用bootstrap 4警报来显示错误消息等,例如他们的演示:

<div class="alert alert-warning alert-dismissible fade show" role="alert">
  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

我还使用AJAX调用来发布表单。

我遇到的问题是,如果用户发布,错误消息将显示出来,但是如果用户单击close按钮并重新发布,如果发生错误,因为他之前关闭了上一个错误,我无法用D块来解除警报容器的隐藏,因为它已经不存在于DOM/页面中。 DIV元素被破坏了,或者至少,我在Chrome的开发工具中看不到它。

我怎样才能解决这个问题,使我的关闭按钮只是“隐藏”容器,而不是摧毁它或它做的任何事情? 我需要能够重新显示它,甚至在用户关闭后。

干杯! 帕特


共1个答案

匿名用户

您尝试过使用一点jQuery或Javascript吗?

也许在顶角添加一些“箭头”图标。 然后,将警报分成两个部分:一个是永久保留的细条,另一个是单击时“切换”的条