Question

我不想通过叠加点击，关闭按钮点击或转义按钮点击来关闭弹出窗口。

当我点击下面弹出窗口的内容时，我的弹出内容更新是我的设置。

$('.login_popup').fancybox({
      href : "#addtocart_login_cont",
      hideOnOverlayClick: false,
      hideOnContentClick:false, 
      overlayColor: '#000000',
      showCloseButton: false,
      enableEscapeButton: false,
      scrolling: 'no',
      autoDimensions: true
}).trigger('click');

提前致谢

Answer 1

我不想通过叠加点击，关闭按钮点击或转义按钮点击来关闭弹出窗口。

然后，您需要的唯一API选项是modal: true，如v1.3.4所述：

modal：当为true时，'overlayShow'设置为'true'，'hideOnOverlayClick'，'hideOnContentClick'，'enableEscapeButton'，'showCloseButton'设置为'false'（默认值：false）

所以这段代码可以解决问题：

$('.login_popup').fancybox({
    href: "#addtocart_login_cont",
    modal: true,
    overlayColor: '#000000',
    scrolling: 'no',
    autoDimensions: true
}).trigger('click');

注意：此选项适用于fancybox v1.3.4。如果您使用的是v2.x，modal: true也会阻止关闭fancybox（请查看其他API选项的proper documentation）

重要：

如果您使用fancybox v1.3.4 打开内嵌内容（就像您所做的那样），请注意 this bug 和解决方法。

使用fancybox v1.3.4

查看 JSFIDDLE

Fancybox hideOnContentClick false不起作用

1 个答案: