Fancybox - 覆盖单击、Esc 和关闭按钮答案

【问题标题】：Fancybox - Overlay click, Esc and close buttonFancybox - 覆盖单击、Esc 和关闭按钮
【发布时间】：2019-07-25 03:45:49
【问题描述】：

为我们的应用程序使用 fancybox 模态窗口。

$.fancybox.open($('#fancybox-modal'));

为了防止用户点击关闭按钮，esc 选项并点击关闭窗口外。

但是，opt 中的函数没有按预期工作。

不确定缺少哪一行代码。

谢谢

$.fancybox.open({
 src: '#fancybox-modal',
 opts : {
   closeBtn  : false,
   closeClick  : false,
   helpers : { 
    overlay : {closeClick: false} 
   },
   keys : {
     close  : null
   }
  }
});

【问题讨论】：

标签： jquery fancybox

【解决方案1】：

只需使用modal 选项来制作一个 true 模态，

$.fancybox.open({
  src: $('#fancybox-modal'),
  type: 'inline',
  modal : true
});

演示 - https://codepen.io/anon/pen/QeEOea?editors=1010

提示：使用data-fancybox-close data 属性可以让任意元素充当关闭按钮

【讨论】：