jQuery Fancybox使用函數來減少代碼

Question

我正在使用Fancybox從菜單中打開一些鏈接，我想知道是否有一個函數來做到這一點，而不是寫出每一個。 我使用：

$("#linkID").fancybox({ 
'padding' : 0, 
'autoScale' : false, 
'transitionIn' : 'fade', 
'transitionOut' : 'fade' 
}); 

我試圖用：

$(document).ready(function() { 

    function FancyBoxItemMenu(linkID){ 
    $("#linkID").fancybox({ 
    'padding' : 0, 
    'autoScale' : false, 
    'transitionIn' : 'fade', 
    'transitionOut' : 'fade' 
    }); 
    }; 

在菜單項（即 「一」 的標籤），我用：

onClick="javascript:FancyBoxItemMenu(this.value);" 

但是，似乎並沒有這樣做，我認爲我很接近，但有一些我錯過了。

由於提前， 斯蒂芬

Answer 1

爲了解決立即解決問題，就需要追加字符串，像這樣：

$("#" + linkID).fancybox({ 

而且使用this.id，而不是this.value。

---

一個更好的想法總的做法將是給鏈接一個通用類，例如：

<a class="fancybox" href="....">Link Text</a> 

剛剛使用該類作爲選擇：

$(".fancybox").fancybox({