需要支持$ .live()和分组一个jQuery灯箱插件
-
05-09-2019 - |
题
我把我的所有图像通过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
});
不隶属于 StackOverflow