我正在生成一个 HTML 页面，其中包含来自 MySQL 数据库中保存的信息的多个画廊，我需要修改 Fancybox2 调用，如下所示
$(document).ready(function() {
$("a[rel=gall24],a[rel=gall30], etc, etc etc").fancybox({ ... });
});
如何将元素引用添加到调用中？也就是说，我需要添加可变数量的a[rel=XXX], 来电。
我是否使用值创建一个变量并在调用中引用该变量？如果是这样，我不确定语法，希望有一个例子。
您可以使用单个脚本，例如：
$(document).ready(function() {
$("a.fancybox").fancybox();
});
然后，当您创建画廊时，只需添加不同的rel每个画廊的属性但相同class="fancybox", e.g.:
<!--gallery 01 -->
<a class="fancybox" href="images/01.jpg" rel="gallery01">image 01</a>
<a class="fancybox" href="images/02.jpg" rel="gallery01">image 02</a>
<a class="fancybox" href="images/03.jpg" rel="gallery01">image 03</a>
<!--gallery 02 -->
<a class="fancybox" href="images/04.jpg" rel="gallery02">image 04</a>
<a class="fancybox" href="images/05.jpg" rel="gallery02">image 05</a>
<a class="fancybox" href="images/06.jpg" rel="gallery02">image 06</a>
当您单击任何图像（例如图像 01）时，它只会在（Fancybox）图库中显示具有相同特征的那些元素rel属性（如上例所示的图像 02 和 03 + 当然是图像 01）
使用 fancybox v2.x，您不需要使用jQuery live()正如 @sczizzo 所建议的，因为 fancybox v2.x 已经支持现有元素和动态添加的元素
最后一点：不要对多个元素使用 ID。 ID 应该是唯一的，并且您不应该在同一个 html 文档中使用相同的 ID 两次或更多次。
查看http://fancyapps.com/fancybox/#support http://fancyapps.com/fancybox/#support常见问题解答 6 了解更多
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
