2012-03-16 77 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 
    });