2012-04-02 63 views
4

我使用Zurb的Reveal在网页上显示模态窗口。第二个zurb显示模式窗口 - 可能吗?

我必须在已打开的模态窗口(后者包含窗体)上显示一个小模态窗口。

我将onclick="$('#ypopup').reveal();"添加到表单上的a元素,并将(第二个模态div)的z-索引设置为9999。这样第二个模态显示得很好。

但是,当我关闭它,不仅第二模态消失,但也是第一模态的背景。第一个模态仍然可见,但不能关闭。只有页面重新加载有帮助。

是否有可能在一个开放的揭示模态窗口上有第二个揭示模态?

回答

-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(); 
}); 
+1

你有没有尝试这个代码,你认为它完成了什么OP是陈奕ng为?我做了 - 而我没有。 -1 – 2013-10-22 17:27:21

0

添加到您的代码:

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

这将导致所有显示是上面的揭示背景,从而拉你的第一个揭示。