javascript - 将 fancybox 设置为在不同的 fancybox close 上打开

Question

有没有办法设置一个 fancybox 在一个单独的 fancybox 关闭时打开？我已经尝试了以下

$('a.linkEditClass').fancybox({
        href: "#editClassPanel",
        closeClick: false,
        autoDimensions: true,
        autoScale: false,
        afterClose: function() {
            $.fancybox({
                href: "#classInfoPanel"
            });
        }
    });

但这似乎并没有做任何事情。这是我的另一个fancybox代码供引用

$('a#linkClassInfo').fancybox({
        href: "#classInfoPanel",
        //        maxHeight: 350,
        //        maxWidth: 425,
        closeClick: false,
        autoDimensions: false,
        autoScale: false
    });

它们都以 div 为目标。

Answer 1

当您关闭 fancybox 时，它需要一些时间来清理并完成关闭过程，因此，在清理过程运行时打开另一个 fancybox 可能会触发 js 错误，从而使第二个框无法打开。

只要给它一点时间，它就可以正常工作

afterClose: function () {
    // wait for this box to close completely before opening the next one 
    setTimeout(function () {
        $.fancybox({
            href: "#classInfoPanel"
        });
    }, 300);
}

参见 JSFIDDLE