Я мигрирую с BS3 на BS4.1
В своих приложениях я использую модалы, загруженные ajax.
В макете у меня есть
<div class="modal fade" id="myModalToFillInfo" tabindex="-1" role="dialog" aria-labelledby="myModalToFillInfoLabel" aria-hidden="true">
</div>
Затем кнопка
<button type="button" class="btn btn-primary" title="Informace o uživateli" onclick="showUserDetail(@u.Id)" data-toggle="modal" data-target="#myModalToFillInfo">
<i class="fas fa-info" aria-hidden="true"></i>
</button>
и простой JS func
showUserDetail = function (id) {
$.get('/Uzivatel/ModalUserInfo/' + id,
function (data) {
$('#myModalToFillInfo').html(data);
});
}
Функциональная нагрузка, например, эта
<div class="modal-dialog" role="document">
<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">×</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>
Так что это пример модальной сборки. Благодаря data-toggle и target он автоматически открывает модал.
Проблема в том, что кнопки закрытия не работают.
Тот же код работал в BS3.
Кто-нибудь знает, как решить эту проблему?