Question

我正在使用引导程序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调用来进行POST。

我遇到的问题是，如果用户发帖，则会显示错误消息，但是如果用户单击关闭按钮并重新发帖，则如果发生错误，因为他先前已关闭了先前的错误，我无法用d块取消隐藏警报容器，因为它在DOM / Page中不再存在。 DIV元素已被破坏，或者至少在Chrome的开发人员工具中我看不到它。

我该如何解决这个问题，以使我的关闭按钮只是“隐藏”容器，而不是销毁它或做任何事情？即使用户关闭，我也需要能够重新显示它。

干杯！帕特

Answer 1

您尝试使用一些jQuery还是Javascript吗？

也许在右上角添加了一些“箭头”图标。然后，将警报分为两部分：一个是永久保留的细条，另一个是单击后会“切换”的

Answer 2

最终用data-dismiss="alert"类型的解决方案替换了onClick="$('#idOfDiv').addClass('d-none');" ...

为您的帮助加油！帕特

引导警报：如何仅在隐藏时将其“隐藏”而不将其删除？

2 个答案: