Если в определении класса изменения модального диалога bootstrap он не закрывается - PullRequest
0 голосов
/ 20 июня 2020

В 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">&times;</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, определенным в модальном режиме. Как исправить?

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...