首页 > 解决方案 > Fancybox 4:如何防止关闭按钮关闭*所有*打开的 Fancybox 实例

问题描述

如果我启动一个 Fancybox 实例,然后从该实例启动一个 Fancybox 库,按 Esc 或单击库实例上的“关闭”按钮会关闭fancybox 库原始的 fancybox 实例,而不仅仅是画廊。

<html>
<body>
    <a href="javascript:void(0);" onclick="openFancybox();">Open Fancybox</a>
</body>
</html>
function openFancybox () {
  const fancybox = Fancybox.show(
            [
                {
                    src: '<img src="https://i.imgur.com/6wb3Nd1.png" data-fancybox="gallery"><img data-src="https://i.imgur.com/ZITI3TN.png" data-fancybox="gallery">',
                    type: 'html',
                }
            ]
        );
}

https://codepen.io/jetibbetts/pen/RwgzBZx

只有最顶层的实例应该关闭。如何防止两者都关闭?

标签: fancybox

解决方案


推荐阅读