灯箱的使用和点击事件

Question

我正在使用灯箱来查看图像，我只需要在<a>中使用rel="lightbox" 。 问题是我的网站每个链接都有 AJAX，所以我编写了代码：

$('a').live('click', function() {
    $('#content').load($(this).attr('href'));
    return false;
});

这样，每个链接都变成了一个 AJAX 请求。 让我生气的是，当我不发出任何请求时，灯箱工作正常，但只要我单击链接发出 AJAX 请求，然后单击图像，灯箱就无法工作。

我知道问题出在灯箱上，一旦完成另一个请求，它就不会添加点击事件。 当我使用$('a').click()而不是$('a').live()时会发生这种情况

但我不知道如何解决。 也许我必须将灯箱更改为添加点击事件的灯箱？

帮助！

Answer 1

$('a:not(a[rel~="lightbox")').live('click', function() {
    $('#content').load($(this).attr('href'));
    return false;
});

Answer 2

我刚刚将灯箱更改为充值灯箱，效果很好。 可能，由于 AJAX 调用，旧的不会使用.live()创建事件侦听器。