隐藏Fancybox中的关闭“X”按钮

Question

我正在使用http://fancybox.net/

有没有一种方法可以添加属性以不显示右上角的关闭"X"按钮？我的意思是，我可以使用'callbackOnShow'在hide()中隐藏它，但那不够快。我想要的是它根本就不被渲染出来，而不是被渲染后再隐藏。

- HP.

Answer 1

看起来 showCloseButton 不再起作用了。在查看 fancybox 代码之后，我发现应该将 closeBtn 设置为 false。

因此，为了隐藏关闭按钮，应在选项中添加以下行 -

'closeBtn' : false

- Yogesh Agarwal

---

谢谢@Yogesh。已经解决了。 - Stanton

那对我也起作用了，谢谢。 - Saygın Karahan

Answer 2

如果您查看http://fancybox.net/api文档，会发现有一个名为showCloseButton的选项可以实现关闭按钮的功能。

从网站上可以得到以下信息：

showCloseButton - 显示/隐藏关闭按钮的选项

- Quintin Robinson

---

我会使用“closeBtn”选项，因为上面的选项似乎已经过时了。 - Neil

fancybox.net网站具有误导性，因为它包含fancybox 1.x的文档，但下载链接指向fancybox 2，因此如果您使用的是版本1，则这将是正确的答案。 fancybox 2.x的文档在这里：http://fancyapps.com/fancybox/#docs（@Yogesh的答案对我有效，它也与v2的文档相匹配，这让我困惑了一段时间！） - mike-source

Answer 3

在fancybox 3中使用'modal'，例如：

        $.fancybox.open({
            ...
            opts: {
                modal: true,
            }
        });

- user2368724

---

2019年7月为真 - 1844144

Answer 4

对于那些想要完全禁用fancybox v3的人，这里是方法：

smallBtn: false,
toolbar: false

- Lucas Veiga

Answer 5

您可以在代码中添加以下内容：.fancybox-close {display:none; }

但是，只有在相同的fancybox是一个弹出窗口，并且将在一定时间后自动消失（使用$.fancybox.close();）时才建议这样做。

- Vijay Srinivas

Answer 6

在 'showCloseButton' 属性中使用布尔值。例如：

$('.editGnBtn').fancybox({
   'href': "#editGn",
   'showCloseButton':false
 });

- vineet

Answer 7

尝试一下，在fancybox v4中永不关闭窗口：

Fancybox.show(gallery, {
    Toolbar: {
        display: [
            { id: "counter", position: "center" },
            "fullscreen",
        ],
    },
    'closeButton': '',
    'infinite': false,
    'click': 'next',
    'dragToClose': false,
    keyboard: {
        Escape: "false",
        Delete: "false",
        Backspace: "false",
        PageUp: "next",
        PageDown: "prev",
        ArrowUp: "next",
        ArrowDown: "prev",
        ArrowRight: "next",
        ArrowLeft: "prev",
    }
});

- G3TZO