为什么 Bootstrap 4.6.2 模式不起作用？

Question

我正在尝试从这个网站运行模式。我已经安装了 Bootstrap 4.6.2，并且页面上没有出现任何错误。但是，当我尝试运行以下模态代码时，没有任何反应：

                    <!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#testing">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="testing" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

它可以在 Bootstrap 站点上运行，但在此页面上不起作用。我看不出有什么会阻止它正常工作。我希望能得到一些帮助来解决这个问题。

Answer 1

数据目标不需要与模态 ID 匹配吗？

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#testing">

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="testing" aria-hidden="true">

您的数据目标应该是#exampleModal