Fancybox

Question

我正在尝试防止有人在 fancybox-content 区域外单击时关闭 fancybox。

HTML:

<div id="banner-message" style="display: none">
  <p>Hello World</p>
</div>

JS:

jQuery.fancybox.open(jQuery('#banner-message'), {
    clickOutside: false
});

演示： https://jsfiddle.net/xjw4b5jq/

Answer 1

您必须改用 clickSlide 选项。

fancybox3 用作滑块，您可以 reposition/resize 滑块区域，因此有两个相似但不同的选项。

Answer 2

我已经使用这个配置来防止关闭模态点击外部。

<!--HTML-->

<a id="enlace" href="#modal">enlace</a>

<div id="modal">
   <p>Hola cracks</p>
</div>


// script

$("#enlace").fancybox({
   clickSlide: false,
   clickOutside: false
});

希望它对你也有用:)

Fancybox - 禁用外部点击关闭

Fancybox - Disable close on outside click

fancybox-3