jQuery Fancybox使用函数来减少代码

时间:2010-09-21 15:58:43

标签: javascript jquery fancybox

我正在使用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'
     });
    };

在我使用的菜单项(“a”标签)上:

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

但这似乎没有做到,我认为我很接近,但有一些我不知道的。

提前致谢, 斯蒂芬

1 个答案:

答案 0 :(得分:1)

要解决您的直接问题,您需要附加字符串,如下所示:

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

并使用this.id代替this.value


更好的想法总体方法是给链接一个公共类,例如:

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

只使用该类作为选择器:

$(".fancybox").fancybox({