通过单击 LI 而不是缩略图来激活 Lightbox答案

【问题标题】：Activate Lightbox by clicking on LI rather than thumbnail通过单击 LI 而不是缩略图来激活 Lightbox
【发布时间】：2011-02-03 11:54:08
【问题描述】：

将 Lightbox 用于照片库，并希望通过单击缩略图的父级 <li>而不是缩略图来启动该功能。使用以下代码，我可以使用相册的缩略图轻松完成此操作（不使用 Lightbox，只需打开另一个页面）：

$(".item").click(function(){
        window.location=$(this).find("a").attr("href");return false;
    });

但是，似乎无法以类似方式启动 Lightbox。想法？

谢谢！

下面是启动代码：

   $('a.lightbox').lightBox();

以及 HTML（详细信息请使用 PHP）：

<a href="http://somewhere.com/gallery/photos/<?php echo $images['filename'];?>.jpg" class="lightbox" title="<?php echo $images['caption'];?>">

【问题讨论】：

【解决方案1】：

您可以捕获<li> 的点击，然后使用以下代码调用<li> 内的第一个<img> 的点击事件。但这非常hacky，我不推荐它。了解您使用的是哪个灯箱（有很多）以及查看一些 HTML 会有所帮助。

$(".item").click(function() {
  $(this).find(".lightbox:first").click();
});

【讨论】：