通过 .load() 加载内容时，Bootstrap 4 模式未关闭

Question

我有这个 Bootstrap 4 模式，我通过 .load() 从外部加载正文内容。但是当我点击关闭按钮时它并没有关闭。您能提供的任何帮助将不胜感激。

我的 JavaScript 代码：

if(status){
   $('#cartMessage').load("modal.html")
   $('#cartMessage').modal("show");
  }

我的 HTML 代码：

<div class="modal fade" id="cartMessage" tabindex="-1" role="dialog" aria-labelledby="cartMessageLabel">

 </div>

外部模态体：

<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h5 class="modal-title">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">
      <p>Modal body text goes here.</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary">Save changes</button>
      <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    </div>
  </div>
</div>

您能提供的任何帮助将不胜感激。谢谢。

Answer 1

也许这对你有帮助。

Discussed here。我猜这与您的问题相同。您可以手动触发。