Fancybox - 禁用外部点击关闭

标签 fancybox fancybox-3

当有人点击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/

最佳答案

您必须使用clickSlide选项。

fancybox3 作为 slider 工作,您可以重新定位/调整 slider 区域的大小,因此有两个类似但不同的选项。

关于Fancybox - 禁用外部点击关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50022340/

相关文章:

javascript - 花式盒子 3 : Disable zoom when image is clicked

javascript - 单击缩略图显示手动定义的图库(花式框)

html - 花式框和网格显示问题。图片重叠

jquery - 如何在 Fancybox 中将表单数据提交到 iframe?

php - FancyBox PHP 表单提交问题

javascript - 为什么我的 fancybox 无法在 $ ('.selector' ).click() 上打开?

jquery - fancybox 3 选择器,用于动态添加元素和多个图库

javascript - 使用 <a> onclick 将 ajax 内容打开到 fancybox

php - 图库图像过渡