引导程序 4 模式在通过 .load() 加载内容时未关闭

Question

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

我的 JavaScript 代码：

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

我的网页代码：

<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

这可能会对您有所帮助。

这里讨论。我猜这和你的问题是一样的。您可以手动触发它。