【问题标题】:Foundation - Opening a modal upon closing another modalFoundation - 在关闭另一个模态时打开一个模态
【发布时间】:2013-10-12 10:43:26
【问题描述】:

我有一个网页可以在加载时打开一个显示模式,在这个模式中,我有一个可以打开第二个模式的链接。当第二个模态关闭时(通过单击关闭按钮或单击模态外部),我想重新打开第一个。

对于关闭按钮,我可以通过将data-reveal-id 添加到具有close-reveal-modal 类的链接来实现。但是当我尝试绑定到close 属性时,第一个模态打开,但随后背景恢复正常,并且无法再通过单击模态外部来关闭第一个模态。然后,在使用关闭按钮关闭第一个模式时,整个屏幕变暗,好像正在打开一个模式。我做错了什么,还是这是一个错误?

我的代码如下:

$(function(){
    $("#modal2").foundation("reveal", {
        close: function() {
            $("#modal1").foundation("reveal", "open");
        }
    });

    $(document).foundation();
});

【问题讨论】:

  • 尝试使用“关闭”而不是“关闭”
  • 我确实尝试过使用关闭,但唯一的结果是modal2 会打开然后几乎立即关闭

标签: javascript zurb-foundation


【解决方案1】:

好的,所以经过一些实验,我发现为了做我想做的事,我必须绑定函数,而不是在初始化阶段设置它。因此:

$("#modal2").bind("closed", function() {
    $("#modal1").foundation("reveal", "open");
  });

我在声明了 2 个模态之后设置了这个脚本。

【讨论】:

    猜你喜欢
    • 2014-10-08
    • 1970-01-01
    • 2022-11-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多