jquery - 如何仅在元素 id 组上使用 Fancybox

Question

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

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

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

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

Answer 1

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

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

查看 Fancybox提示和技巧页面了解更多详情。

Answer 2

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

假设所有<div>共享一个公共类（class="post"例如在您的示例中），那么您可以这样做以<div>在单个脚本中将每个画廊分开，例如：

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

看演示