从链接中删除灯箱行为

时间:2012-06-19 06:30:39

标签: javascript jquery lightbox

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

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

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

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

我甚至尝试在过滤器事件上执行此操作:

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

其中“tag”是仅包含活动标记的字符串,通过该活动标记过滤库中的图像。这有点阴暗,因为lightBox只能正确显示过滤后的图像,但它有一些奇怪的行为:

  • 在调整下一张图片的大小时,动画有点混乱
  • 图像计数器显示第一个状态结果(例如25个中的7个),然后显示已过滤的结果(例如7个中的7个)

我的实际问题是:

  • 有没有办法在链接上设置后删除lightBox行为?
  • 是否可以替代lightBox,只是为了能够轻松“拔掉”它?

1 个答案:

答案 0 :(得分:0)

这将禁用lightBox行为(因为它似乎只是一个单击事件处理程序):

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

然后,以下作品就像魅力一样:

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