Наложение нескольких модалов - клавиша escape закрывает только основное окно - PullRequest
Новая
       52

Наложение нескольких модалов - клавиша escape закрывает только основное окно

1 голос
/ 09 апреля 2020

Мне нужно показать два модала одновременно. Первый модал должен быть на заднем плане. Я решил использовать это решение Наложение нескольких модалов пример, который вы можете найти здесь . Приведенный ниже код скопирован из предоставленного примера. 

$(document).ready(function () {

$('#openBtn').click(function () {
    $('#myModal').modal({
        show: true
    })
});

    $(document).on('show.bs.modal', '.modal', function (event) {
        var zIndex = 1040 + (10 * $('.modal:visible').length);
        $(this).css('z-index', zIndex);
        setTimeout(function() {
            $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
        }, 0);
    });


});

Но есть проблема с ключом ecsape в примере в браузере chrome (в IE все в порядке), когда оба windows отображаются, и пользователь нажимает управляющую клавишу, основное окно закрывается, а другое остается. Если есть только одно модальное окно, клавиша escape ничего не делает.

...