Второе окно показа модального окна - возможно?

Question

Я использую Zurb's Reveal для отображения модальных окон на веб-странице.

Мне нужно отобразить небольшое модальное окно в уже открытом модальном окне (последнее содержит форму).

Я добавил onclick="$('#ypopup').reveal();" к элементу a в форме и установил z-index для #ypopup (второй модальный div) равным 9999. Таким образом, второй модал хорошо отображается.

Но когда я закрываю его, исчезает не только второй модал, но и фон первого модала.Первый модал остается видимым, однако его нельзя закрыть.Помогает только перезагрузка страницы.

Возможно ли иметь второй модал показа в открытом модальном окне показа?

Answer 1

Я бы сказал нет.Глядя на код jQuery, кажется, что модальный фон - это всего лишь один экземпляр.Когда вы закрываете любой модал, он закрывает единственный модальный фон на странице.Вам нужно будет изменить плагин, чтобы он работал правильно.

Исходный код можно найти здесь: https://github.com/zurb/foundation/blob/master/vendor/assets/javascripts/foundation/jquery.foundation.reveal.js

Answer 2

Добавьте это к своему коду:

$(document).on('closed.fndtn.reveal',function() { $('.reveal-modal').removeClass('toback'); })

Это приведет к тому, что все откровения окажутся выше фона раскрытия, таким образом подтягивая ваше 1-е раскрытие вверх.

Answer 3

... совсем не проблема!

Попробуйте это ...

1. присваивают каждому модалу уникальный идентификатор # ... myModal1, myModal2, myModal3 ... и т.д ...

2. добавить отдельную функцию jquery в документ, готовый для каждого способа ... и соответственно изменить деления.

$ (документ) .ready (function () {

 $('#at-button1').click(function(e) {
      e.preventDefault();
  $('#myModal1').reveal();
 });

  $('#at-button2').click(function(e) {
      e.preventDefault();
  $('#myModal2').reveal();
 });

 $('#at-button3').click(function(e) {
      e.preventDefault();
  $('#myModal3').reveal();
 });