jQuery:fancyBox多次使用href?

jQuery:fancyBox多次使用href?,jquery,fancybox,Jquery,Fancybox,我有这个: <script> $(document).ready(function() { $("a#a_test").fancybox({ titleShow : false, width: 400, height: 120, autoDimensions: false, overlayOpacity: 0.6, href: 'test.php' })

我有这个:

<script>
$(document).ready(function() {
    $("a#a_test").fancybox({
        titleShow     : false,
        width:    400,
        height:   120,
        autoDimensions: false,
        overlayOpacity: 0.6,
        href: 'test.php' 
    }); 
});
</script>
<a href="#test" id="a_test">test</a>

$(文档).ready(函数(){
$(“a#a#U测试”).fancybox({
标题:假,
宽度:400,
身高:120,
自动标注:false,
超产能:0.6,
href:'test.php'
}); 
});
这个很好用

现在我想在循环中使用它(在php中),我想知道是否需要一直包含这些设置

在每个设置中不同的是名称(因此是a_test1、a_test2等等)和href(因此是test.php?id=1、test.php?id=2等等)

我知道我可以复制粘贴,但当我查看html、一堆准备好的文档、a#a#u test123、a#a#u test2、a#a#test#u 3设置时,它会有点草率,我不能只使用一个设置,然后向其中添加循环id的编号(例如1,2,3)。比如:

<script>
$(document).ready(function() {
    $("a#a_test<?php echo $number; ?>").fancybox({
        titleShow     : false,
        width:    400,
        height:   120,
        autoDimensions: false,
        overlayOpacity: 0.6,
        href: 'test.php?id=<?php echo $number; ?>'
    }); 
});
</script>

$(文档).ready(函数(){
$(“a#a#U测试”).fancybox({
标题:假,
宽度:400,
身高:120,
自动标注:false,
超产能:0.6,
href:'test.php?id='
}); 
});
如果我在一个函数中创建它,并每次调用它,例如getFancy(1),getFancy(2)…,这也会起作用。。但是,如果您查看输出html,它仍然看起来像是slop编码,这是一堆带有不同设置的文档

那么,有没有更智能、更简单的解决方案?所以它得到了一个类似于所有盒子的全局设置

谢谢大家的转发


<script>
$(document).ready(function() {
    $("a.fancybox_vid").each(function(){
       $(this).fancybox({
        titleShow     : false,
        width:    400,
        height:   120,
        autoDimensions: false,
        overlayOpacity: 0.6,
        href: 'test.php?id='+$(this).attr('rel')
      }); 
    });
});
</script>

<a class='fancybox_vid'  rel='1'>video</a>
<a class='fancybox_vid'  rel='2'>video</a>
$(文档).ready(函数(){ $(“a.fancybox\u vid”)。每个(函数(){ $(此)。fancybox({ 标题:假, 宽度:400, 身高:120, 自动标注:false, 超产能:0.6, href:'test.php?id='+$(this.attr('rel')) }); }); }); 视频 视频

$(文档).ready(函数(){
$(“a.fancybox\u vid”)。每个(函数(){
$(此)。fancybox({
标题:假,
宽度:400,
身高:120,
自动标注:false,
超产能:0.6,
href:'test.php?id='+$(this.attr('rel'))
}); 
});
});
视频
视频

。每个元素都会迭代找到的与前面的选择器匹配的任何元素。在本例中,对于jQuery找到的fancybox\u vid类的每个A href链接,它都会执行包含在each中的操作。$(this)引用循环中引用的特定实例。。每个实例迭代找到的任何元素,以匹配其前面的selectior。在本例中,对于jQuery找到的fancybox\u vid类的每个A href链接,它都会执行包含在each中的操作。$(this)引用循环中引用的特定实例。