Fancybox

Question

为我们的应用程序使用 fancybox modal window。

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

防止用户单击关闭按钮、esc 选项和单击外部关闭 window。

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

不确定缺少哪一行代码。

谢谢

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

Answer 1

只需使用 modal 选项即可生成 true 模态，

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

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

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

Fancybox - 叠加点击、Esc 和关闭按钮

Fancybox - Overlay click, Esc and close button

jquery