Откройте Модал перед Другим

Question

Откройте Модал перед Другим

-1

быстрый вопрос (надеюсь?). У меня модальный (нажмите кнопку, и вещь/содержимое всплывает) - внутри модального текста у меня есть текст, который я хотел, чтобы кто-то нажал, и он открывает еще один модальный фронт.

Интеллектуальная модальность:

<button class="btn btn-two shortcode-popup-trigger" data-toggle="modal" data-target="#modal-group-5">MORE INFO</button>

Затем внутри я использовал ту же самую строку, но изменил модальный идентификатор на другой модальный, который я хотел открыть. Это работает, за исключением того, что новый модальный открывается через прежний. Кто-нибудь может мне помочь? Я ценю это!

NikkiNelson 02 июль 2017, в 04:34

Источник

Теги:

javascript

jquery

twitter-bootstrap

html

css

1 ответ

Ещё вопросы

Junaid · Answer 1 · 2017-07-02T03-58-00.000Z

Это тот же Modal-модуль, что и гадание .modal z-index одинаково для обоих модалов. Почему бы вам не попробовать разные z-index es для каждого модального?

#modal-group-4 {
    z-index: 400;
}

#modal-group-5 {
    z-index: 500;
}

Если это не работает. Затем вы можете попробовать закрыть первый модальный, а затем показать его, когда второй модальный будет закрыт. Что-то вроде этого,

Чтобы закрыть первый модальный:

<button class="btn btn-two shortcode-popup-trigger" data-toggle="modal" data-target="#modal-group-5" onclick="jQuery('#modal-group-4').modal('toggle');">MORE INFO</button>

Чтобы снова открыть первый модальный, нам нужно прослушать событие закрытия второго,

$('#modal-group-5').on('hidden.bs.modal', function () {
    jQuery('#modal-group-4').modal('toggle');
})

Примечание. Вышеуказанный метод поддерживается только в Bootstrap 3. Для более низких версий используйте это

$('#modal-group-5').on('hidden', function () {
    jQuery('#modal-group-4').modal('toggle');
})

Способ №2 Источник