2009-11-16 51 views
16
關閉「X」按鈕

我用這http://fancybox.net/隱藏在的fancybox

有沒有一種方法來添加屬性不顯示在 右上角的關閉「X」按鈕?我的意思是我可以使用'callbackOnShow'來隱藏它() 但是速度不夠快。我希望它不會渲染出來而不是 呈現然後隱藏。

回答

18

如果你看看http://fancybox.net/api的文檔,它引用了一個showCloseButton這個選項。

從網站:

showCloseButton - 選項,以顯示/隱藏關閉按鈕

+1

我會使用'closeBtn'選項,看起來上面是舊選項 – Neil 2014-05-23 12:18:40

+0

沒有工作,但@Yogesh建議工作.. – 2014-12-01 22:51:15

+1

fancybox.net網站是誤導性的,因爲它包含fancybox 1.x的文檔,但下載廣告鏈接鏈接到fancybox 2,所以大概這將是正確的答案,如果版本1是你正在使用的。 fancybox 2.x的文檔在這裏:http://fancyapps.com/fancybox/#docs(@ Yogesh的答案爲我工作,它也與v2的文檔匹配,這讓我困惑了一會兒!) – 2015-07-09 11:01:54

44

看起來showCloseButton不起作用了。在查看fancybox代碼後,我發現closeBtn應該設置爲false。在「showCloseButton」屬性

'closeBtn' : false

+5

是,只有這對我有效。 – 2013-01-05 14:34:28

+0

這對我無效 – Alberto 2013-09-13 09:54:02

+1

謝謝@Yogesh。工作。 – Stanton 2014-01-22 17:24:06

0

使用布爾 -

所以爲了隱藏關閉按鈕應該加上以下行選項。例如

$('.editGnBtn').fancybox({ 
    'href': "#editGn", 
    'showCloseButton':false 
}); 
+0

謝謝,@ chotesah這對我很有用 – 2014-12-08 07:30:35

0

您可以添加以下... .fancybox-close {display:none; }

,但建議你只有在同一的fancybox是一個彈出,這將在一段時間後自動消失(使用$.fancybox.close();