【问题标题】:Remove lightbox behaviour from a link从链接中删除灯箱行为
【发布时间】:2012-06-20 20:55:42
【问题描述】:

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

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

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

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

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

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

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

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

我的实际问题是:

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

【问题讨论】:

    标签: javascript jquery lightbox


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-07-12
      相关资源
      最近更新 更多