Javascript Fancybox 3 JQuery:单击外部元素时关闭库

Javascript Fancybox 3 JQuery:单击外部元素时关闭库,javascript,jquery,fancybox,fancybox-3,Javascript,Jquery,Fancybox,Fancybox 3,当单击父元素或外部元素时,我很难让Fancybox 3退出 Fancybox 3选项文档()说明了以下内容: 以下是我的JS文件: $("[data-fancybox]").fancybox({ loop : true, toolbar : true, buttons : [ 'close' ], clickOutside : 'close', }); 我正在使用组选项启用库 data-fancybox="group" 我试过一些方法,但似乎还不能让它发挥作用

当单击父元素或外部元素时,我很难让Fancybox 3退出

Fancybox 3选项文档()说明了以下内容:

以下是我的JS文件:

$("[data-fancybox]").fancybox({
    loop : true,
  toolbar : true,
  buttons : [
    'close'
  ],
  clickOutside : 'close',
});
我正在使用组选项启用库

data-fancybox="group"

我试过一些方法,但似乎还不能让它发挥作用。非常感谢您的帮助,请多保重。很抱歉没有信息,我得走了。

很难理解问题(添加代码笔)

如果你想-点击图片关闭画廊这是代码(从“缩放”改为“关闭”()

此外,您在执行时也犯了错误。这是默认值:

clickOutside : 'close', /* i am default */
如果你写这个例子:

clickOutside : 'toggleControls', 

结果:现在单击覆盖区域(黑色)-显示/隐藏控件

首先为我的英语道歉。我希望我没弄错。我只是在一个画廊里遇到了类似的麻烦。我被互动选项的名字激怒了。“为我工作”选项“单击幻灯片” 通过这种方式,您应该能够控制如果您单击打开的幻灯片但不在(图像)内容上时发生的情况。不使用“toggleControls”,您可以使用false。 希望有帮助

$(“[data fancybox]”。fancybox({
单击幻灯片:“切换控件”

});
可以在问题中发布HTML吗?在内容外部单击FancyBox时,默认情况下关闭。所以,它应该是有效的。此外,这个答案可能会澄清
单击幻灯片
单击外部
-
clickOutside : 'close', /* i am default */
clickOutside : 'toggleControls',