第二個zurb顯示模式窗口 - 可能嗎？

Question

我使用Zurb的Reveal在網頁上顯示模態窗口。

我必須在已打開的模態窗口（後者包含窗體）上顯示一個小模態窗口。

我將onclick="$('#ypopup').reveal();"添加到表單上的a元素，並將（第二個模態div）的z-索引設置爲9999。這樣第二個模態顯示得很好。

但是，當我關閉它，不僅第二模態消失，但也是第一模態的背景。第一個模態仍然可見，但不能關閉。只有頁面重新加載有幫助。

是否有可能在一個開放的揭示模態窗口上有第二個揭示模態？

Answer 1

我會說不。看看jQuery代碼，它看起來像模態背景只是一個實例。當你關閉任何模式時，它會關閉頁面上唯一的模態背景。您需要修改插件以使其正常工作。在所有https://github.com/zurb/foundation/blob/master/vendor/assets/javascripts/foundation/jquery.foundation.reveal.js

Answer 2

...不是一個問題：

的源代碼可以在這裏找到！

嘗試......

1. 給每個模式一個唯一的ID＃... myModal1，myModal2，myModal3 ...等...

2. 在文檔添加一個單獨的jQuery函數爲每種模式做好準備......並相應地改變分區。

$（文件）。就緒（函數（）{

$('#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(); 
}); 

Answer 3

添加到您的代碼：

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

這將導致所有顯示是上面的揭示背景，從而拉你的第一個揭示。