基础 - 在关闭另一个模态时打开模态

Question

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

对于关闭按钮，我可以通过将data-reveal-id添加到具有close-reveal-modal类的链接来实现。但是当我尝试绑定到close属性时，第一个模态打开，但随后背景变回正常，并且通过单击模态外部不能再关闭第一个模态。然后，在关闭第一个模态时，关闭按钮，整个屏幕变暗，就像模态打开一样。我做错了什么，或者这是一个错误？

我的代码如下：

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

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

Answer 1

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

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

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