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可用作滑块，您可以重新定位/调整滑块区域的大小，因此有两个相似但不同的选项。

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

希望它也适用于你：）