javascript - Bootstrap 可关闭警报不起作用

Question

我已经解决这个错误一个小时了，似乎找不到任何解决方案!我正在使用 bootstrap 并且我有一个可关闭的警报但是当我点击 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>

Answer 1

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