我把我的所有图像通过Ajax,我正在寻找一个快速修复这个项目的前端。我试过一对夫妇的jQuery插件,灯箱,但我似乎无法让他们在现场的函数(纠正我,如果我错了,在想我需要做到这一点)执行。

目前尝试使用Balupton的灯箱插件(因为我是一个新用户无法链接),并尝试所有的例子都无济于事后,我这个尝试过(也没有工作):

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

任何帮助非常感谢!

有帮助吗?

解决方案

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可以使用一个阵列,以避免书面方式同样的事情两次;)

其他提示

您可以使用颜色框和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;
});

您还可以看看的liveQuery jQuery插件没有那么糟插件;) http://docs.jquery.com/Plugins/livequery 你可以嵌入插件的jQuery的文件中,并使用它作为一个简单的jQuery功能:

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

//do somenthing

});
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top