花式框 - 覆盖点击、Esc 和关闭按钮

Question

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

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

要防止用户单击"关闭"按钮、"ESC 选项"，然后单击"关闭窗口外"。

但是，opt 中的函数无法按预期工作。

不确定缺少哪一行代码。

谢谢

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

Answer 1

只需使用modal选项即可制作真正的模态，

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

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

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