2

我有一个图片库页面，其中每个图片都可以用多个标签“标记”。每个标签按钮都显示在标签栏上。默认情况下会显示所有图像，但是当单击单个标签按钮时，只会显示带有该标签的图像。

我正在使用 jQuery lightBox 插件来显示更大版本的图像，我想在灯箱中查看所有选定的图像（通过单击上一个/下一个链接）。

$(document).ready
(
    function()
    {
        // this works ok
        $('#gallery div a').lightBox();
    }
);

在我过滤图像之前，一切都很好。默认情况下，所有图像都在灯箱中可用（我希望灯箱只有那些过滤后的图像）。

我什至尝试在过滤事件上这样做：

$('#gallery div.' + tag + ' a').lightBox();

其中“tag”是一个字符串，仅包含活动标签，通过该标签过滤图库中的图像。这有点阴暗，因为灯箱仅正确显示过滤后的图像，但它有一些奇怪的行为：

  • 为下一张图片调整框的大小时，动画有点混乱
  • 图像计数器显示第一个状态结果（例如 25 个中的 7 个），然后显示过滤后的结果（例如 9 个中的 7 个）

我的实际问题是：

  • 一旦在链接上设置了灯箱行为，有没有办法删除它？
  • 是否有灯箱的替代品，只是为了能够轻松“拔掉”它？
4

1 回答 1

0

这将禁用灯箱行为（因为它似乎只是一个单击事件处理程序）：

$('#gallery div a').unbind('click');

然后，以下工作就像一个魅力：

$('#gallery div.' + tag + ' a').lightBox();
于 2012-06-20T12:55:42.643 回答