如何防止点击Fancybox Overlay div时的默认值？

Question

我想保持Fancybox打开，当有人在div上的内容弹出窗口之外点击“fancybox-overlay”。换句话说，当用户点击弹出框的边界外时，我不希望发生任何事情。有什么建议么？

Answer 1

应该只是可用的API中：http://fancybox.net/api

我看到几个不同的隐藏选项，如“hideOnOverlayClick”。将相关选项作为地图传入fancybox函数中，并且它应该按照您的需要工作。

$('.fancyLinks').fancybox({ 
    'hideOnOverlayClick': false 
}); 

哪里.fancyLinks只是一些选择我做起来，把无论你的目标选择是。

用于更新版本的Fancy box。试试这个 Fancybox v2 No Hide on Overlay Click - How?

Answer 2

如果有人想在新的fancybox中做到这一点，它会稍微复杂一些，而且功能更多。

在这里你可以看到我将关闭按钮设置为false，以便它不显示，然后我设置叠加在关闭点击并重置指针样式。

$('.fancyLinks').fancybox({    
    closeBtn:false, 
    helpers : { 
     overlay : { 
      closeClick : false, 
      css : { 
       'cursor':'default' 
      } 
     } 
    } 
});