javascript - 从链接中删除灯箱行为

Question

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

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

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

在我过滤图像之前，一切都很好。默认情况下，所有图像都在 lightBox 中可用(我希望 lightBox 只包含那些过滤后的图像)。

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

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

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

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

我的实际问题是:

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

Answer 1

这将禁用 lightBox 行为(因为它看起来只是一个点击事件处理程序):

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

然后，下面的工作就像一个魅力:

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