Question

我试图让Fancybox只查看特定元素id中的图像。我有一个页面，里面有div，每个都有一个唯一的ID，如下所示：

<div id="p23152" class="post bg2">

当我从页面上的每张图片抓取一个缩略图时，我在页面上发射fancybox的问题，可能是数百个。

所以我想要做的就是如果有人点击属于具有唯一ID的div的图片，我希望fancybox只包含那些divs id中的那些图片，而不是像其它所有其他div一样现在

Answer 1

您可以使用适当的选择器限制它：

$("div#p23152 a").fancybox();

查看Fancybox Tips & Tricks页面了解更多详情。

Answer 2

@dkinzer解决方案看起来不错，但是如果您有十个或更多<div>，那么您需要为每个解决方案设置不同的fancybox自定义脚本。

假设所有<div>共享一个公共类（例如class="post"），那么您可以在单个脚本中为每个<div>分隔每个库：

$(document).ready(function() {
 $(".post").each(function(){
  $(this).find("a").attr("rel", this.id).fancybox();
 });
}); // ready