2012-03-16 35 views
12

在fancyBox 2中,是否有一个可以设置的键/值,当用户单击背景(半透明黑色背景)时会禁用关闭的灯箱?当点击背景时禁用fancyBox 2关闭

我只想让他们选择点击右上角的实际(X)关闭按钮。

任何想法?

谢谢。

+0

使用花式框1.3.4 – Michal 2012-03-16 05:13:18

回答

43

2.x版使用

$(".fancybox").fancybox({ 
    closeClick : false, // prevents closing when clicking INSIDE fancybox 
    helpers  : { 
     overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
    } 
}); 

如果closeClick设置为true(默认值)的fancybox将关闭,如果在点击这两个组合选项的内容是关闭fancybox的唯一可能方式是使用close(X)按钮

+0

为什么这个答案被标记为正确并被接受?这是正确的,它的工作原理,你有6个upvotes – caramba 2013-02-25 08:25:49

+0

好工作肯尼迪!感谢这个答案! +1 – gfivehost 2013-11-03 14:05:09

+0

这应该是被接受的答案。第一个'closeClick:false'是默认的,所以没有必要。 – Josh 2014-03-07 07:40:13

1

试试这个 让的adduser是我的目标选择

$('.adduser').fancybox({ 
'hideOnOverlayClick': false 
}); 
+3

该选项适用于fancybox v1.3.x. fancybox v2.x中的选项是新的,并且与以前的版本不兼容。 – JFK 2012-03-16 06:26:54

0

为了防止关闭按钮 - 使用:

defaults: { closeBtn : false,} 

要密切防止叠加 - 使用:

F.helpers.overlay = { 
     defaults : {closeClick : false,  // if true, fancyBox will be closed when user clicks on the overlay }} 

防止逃逸点击关闭:

defaults: {keys : {//close : [27], // escape key 
       close : null, } } 
6

上的覆盖,当点击(半透明背景)这将禁用关闭的fancybox

fancyEls.fancybox({ 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     } 
    }); 

这将禁用关闭的fancybox

fancyEls.fancybox({ 
     closeBtn : false, 
     closeClick : false, 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     }, 
     keys : { 
      close: null 
     } // prevents close when clicking escape button 
    }); 

的所有默认点击的方法,这将做相同以及禁用幻灯片功能

fancyEls.fancybox({ 
     modal : true //If set to true, will disable navigation and closing 
    });