Question

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

目前正在尝试使用Balupton的灯箱插件（由于我是新用户而无法链接），并且在尝试了所有示例无效后，我尝试了这个（也没有用）：

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

非常感谢任何帮助！

Answer 1

1）你可以破解lightbox插件来绑定直播活动 2）你可以在ajax完成后调用lightbox，只能在新元素上调用：

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

对于settings，您可以使用数组来避免两次写同样的事情;）

Answer 2

您可以像这样使用colorbox和jquery的实时功能

$('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;
});

Answer 3

你也可以看看livequery jquery插件不是那么糟糕的插件;） http://docs.jquery.com/Plugins/livequery 您可以将该插件嵌入到jquery文件中，并将其用作简单的jquery函数：

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

//do somenthing

});

需要一个支持$ .live（）和分组的jQuery Lightbox插件

3 个答案: