3

我正在通过 Ajax 引入我的所有图像，并且我正在为这个项目的前端寻找一个快速修复。我已经尝试了几个 jQuery 灯箱插件，但我似乎无法让它们在实时功能中执行（如果我错误地认为我需要这样做，请纠正我）。

目前正在尝试使用 Balupton 的 Lightbox 插件（由于我是新用户而无法链接），并且在尝试了所有示例均无济于事后，我已经尝试使用它（也无法正常工作）：

$('a.lightbox-gallery').live('click', function(){
    $(this).lightbox();
});

任何帮助深表感谢！

4

3 回答 3

5

1）您可以破解灯箱插件以绑定实时事件 2）您可以在 ajax 完成后调用灯箱，仅在新元素上：

$.ajax({
    type: "POST",
    url: "url.php",
    cache: false,
    success: function(data){
        $(data).find('a[rel=lightbox]').lightbox(settings).end().appendTo('#ajaxTarget');
    }
});

因为settings您可以使用数组来避免两次写入相同的内容；）

于 2009-05-26T06:34:45.450 回答
4

你可以像这样使用colorbox和jquery的live函数

$('a[rel=gallery]').live('click', function() {
  url = this.href; // this is the url of the element event is triggered from
  $.colorbox({href: url});
  return false;
});
于 2010-04-07T00:51:09.080 回答
0

您还可以查看 livequery jquery plugin not so bad plugin ;) http://docs.jquery.com/Plugins/livequery 您可以将该插件嵌入到您的 jquery 文件中并将其用作简单的 jquery 函数：

$('.ajax-loaded-element').livequery('click',function(){

//do somenthing

});
于 2012-04-18T19:55:15.897 回答