2012-02-06 98 views
0

如何將href「關閉」鏈接添加到Fancybox模式窗口?我想通過點擊模式窗口中的href鏈接來關閉Fancybox,就像在Thickbox中完成一樣。 我不想爲此任務使用單獨的JavaScript,而是想要修改Fancybox-1.3.4.js本身以獲得此功能。如何將href「關閉」鏈接添加到Fancybox模式窗口?

從API的fancybox,下面的代碼將做到這一點:

<a href="javascript:$.fancybox.close()">close</a> 

需要幫助和提示,如何實現這一目標。

回答

1

<a href="javascript:;" onclick="$.fancybox.close();">Close</a>

從fancybox.net看看在線 - 其中有一個關閉文本鏈接

1

答案被覆蓋在提示的fancybox技巧&所以這裏檢查模式窗口例如: http://fancybox.net/blog

尋找第一個選擇:

7. Custom title formating - lightbox style 
+0

我看了第7頁「自定義標題格式 - 燈箱樣式」:我可以在主jQuery.fancybox-1.3.4.js和css的末尾添加javascript代碼嗎? – 2012-02-06 22:41:36

+0

我看了第7頁「自定義標題格式 - 燈箱樣式」:我可以在主jquery.fancybox-1.3.4.js代碼結束後直接添加此javascript代碼嗎? function formatTitle(title,currentArray,currentIndex,currentOpts){ return'

close' + (title && title.length ? '' + title + '' : '') + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '
'; 。 } $(」。tip7" )的fancybox({ \t 'showCloseButton' \t:假, \t 'titlePosition' \t \t: '內部', \t 'titleFormat' \t \t:formatTitle }); – 2012-02-06 22:54:13

+0

忽略這樣不必要的元素是否正確? (因爲我只需要關閉鏈接) function formatTitle(title,currentArray,currentIndex,currentOpts){ return'

close' + 'Image ' + '
'; } – 2012-02-06 22:55:06

0

試試這個。

<a href="javascript:void(0);" onclick="$.fancybox.close();">close</a>