javascript - Bootstrap 4隐藏未关闭警报

如标题所述，我想知道隐藏警报的最佳方法，以便我们可以在不重新加载页面的情况下获得另一个警报。对于BS3，这里有几个答案，但我希望对BS4有更好的解决方案。
这是我的HTML：

<div style="display: none;" class="alert alert-danger alert-with-icon" data-notify="container">
          <div class="container">
              <div class="alert-wrapper">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                      <i class="nc-icon nc-simple-remove"></i>
                  </button>
                  <div class="message"><i class="nc-icon nc-bell-55"></i>
                      My alert message.
                  </div>
              </div>
          </div>
      </div>

我正在使用它来触发警报被打开：

$('.alert').show();

最佳答案

您只需添加一个监听器即可覆盖默认行为。这为我工作：

$(".alert").on("close.bs.alert", function () {
      $alertMsg.hide();
      return false;
});

Winifred Cadap在他的博客上提供了此解决方案。您可以找到它here。

关于javascript - Bootstrap 4隐藏未关闭警报，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47067026/