使用for循环触发多个Fancybox

时间:2016-05-12 08:14:46

标签: jquery

我有六张专辑,其中包含以下课程:.fancybox_mygallery_1, .fancybox_mygallery_2, .., .fancybox_mygallery_6

我正在尝试使用以下方法触发多个Fancybox插件:

var mystr = ".fancybox_mygallery_";
for (var i = 1; i <= 6; i++) {
    mystr = mystr + i;
    $(document).ready(function() {
        $(mystr).fancybox({});
    });
    mystr = ".fancybox_mygallery_";
}

然而它无法正常工作。我调试了它,似乎mystr每次迭代都有正确的值。可能是什么问题?

UPD:来自Fancybox页面:

  

图库是根据具有相同元素的元素创建的   &#34;数据的fancybox组&#34;或&#34; rel&#34;属性值。

所以我应该给他们一个。

1 个答案:

答案 0 :(得分:0)

使用jQuery通配符功能代替使用循环:

$('[class^="fancybox_mygallery_"]').fancybox();

这会以一个以fancybox_mygallery_

开头的类来定位所有内容