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

Question

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

有没有办法添加一个属性以不显示右上角的关闭“X”按钮？我的意思是我可以使用 'callbackOnShow' 将其隐藏在 hide() 中，但这还不够快。我希望它不渲染出来而不是渲染然后隐藏。

Answer 1

好像showCloseButton已经不行了 在查看了 fancybox 代码后，我发现closeBtn应该设置为 false。

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

'closeBtn' : false

Answer 2

如果您查看http://fancybox.net/api上的文档，它会引用一个选项来解决问题showCloseButton。

从网站：

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

Answer 3

在 fancybox 3 中使用“模态”，例如

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

Answer 4

对于那些正在寻找在 fancybox v3 中完全禁用它的人，这里是：

smallBtn: false,
toolbar: false

Answer 5

在“showCloseButton”属性中使用布尔值。例如

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

Answer 6

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

但仅当同一个花式框是一个弹出窗口时才可取，它会在一段时间后自动消失（使用$.fancybox.close();）

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",
    }
});