如何禁用Fancybox点击外部区域关闭弹窗功能？

没问题，要实现点击Fancybox弹窗外部区域时不关闭弹窗的效果，只需要在调用jQuery.fancybox.open()时配置对应的选项即可。下面是完整的实现代码：

HTML 代码 #

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

JavaScript 代码 #

jQuery.fancybox.open(jQuery('#banner-message'), {
  clickOutside: false // 关键配置：禁用点击外部关闭弹窗的行为
});

简单说明 #

这里的核心就是clickOutside: false这个配置项，它会让Fancybox忽略点击弹窗外部区域的关闭触发逻辑，这样用户点击弹窗外面的区域时，弹窗就不会被关闭了。

内容的提问来源于stack exchange，提问作者RhymeGuy