У меня есть этот мод 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">×</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>
Любая помощь, которую вы можете оказать, будет принята с благодарностью. Спасибо.