В laravel 5, jquery 3, bootstrap 4.4, приложении blade я использую модальные диалоговые окна с такими методами, как открытие:
...
$("#div_check_in_storage_space_modal").modal({
"backdrop": "static",
"keyboard": true,
"show": true
});
...
и закрытие
bookingsAndAvailability.prototype.cancelAddNewClient = function () {
console.log('?? cancelAddNewClient::')
$("#div_check_in_storage_space_modal").modal('hide');
...
и в шаблоне лезвия:
<div class="modal fade" tabindex="-1" role="dialog" id="div_check_in_storage_space_modal" aria-labelledby="check_in_storage_space_modal_label"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="check_in_storage_space_modal_label">
TITLE
</h4>
<button type="button" class="close" onclick="javascript:bookingsAndAvailability.cancelAddNewClient()" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
BODY
Все модальные классы имеют фиксированную ширину и работают нормально. Но для одного из моих диалогов мне нужно иметь большую ширину для открытого модального диалога, и я переделал свой шаблон лезвия:
<div class="modal fade" tabindex="-1" role="dialog" id="div_check_in_storage_space_modal" aria-labelledby="check_in_storage_space_modal_label"
aria-hidden="true">
<div class="modal-dialog-full-width" role="document">
<div class="modal-content-full-width">
<div class="modal-header-full-width">
TITLE
</div>
<div class="modal-body-full-width">
BODY
, а в моем файле s css я определил больше ширины для всей -full-width классы, но с этим кодом в cancelAddNewClient больше не работает и диалог не закрывается.
похоже, что
$("#div_check_in_storage_space_modal").modal('hide');
перестает работать с -full-width, определенным в модальном режиме. Как исправить?
Спасибо!