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

Question

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

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

我的代码如下:

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

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

Answer 1

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

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

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