Bootstrap 可关闭警报不起作用

Question

我已经解决这个错误一个小时了，似乎找不到任何解决方案！我正在使用引导程序并且我有一个可关闭的警报但是当我单击 x 以关闭时没有任何反应。

这是我的 div

 <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> Still on beta stage.
</div>

这是我的页脚，其中包含 js 文件

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

原文由 Dragotic 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<div class="alert alert-warning alert-dismissible" role="alert">
  <span type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></span>
  <strong>Warning!</strong> Still on beta stage.
</div>

原文由 Araz Shamsaddinlouy 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您使用的是 Bootstrap 5.0，它似乎在 bootstrap.js 编码 data-dismiss 选择器已更改为 data-bs-dismiss 所以我只需要将 data-dismiss="modal" 更改为 data-bs-dismiss="modal" 就可以了。

原文由 Hmerman6006 发布，翻译遵循 CC BY-SA 4.0 许可协议