Question

我有一个jquery插件，可以从Picasa相册加载图片。但是，当我试图添加灯箱时，它不起作用。我已经阅读了一些内容，我们可以在dom加载后加载内容时在jquery中使用.delegat或.live或.on。但我很困惑。

这是正常情况下的实际代码：

jQuery("#ts-display-portfolio a").prettyPhoto({
   animationSpeed:'slow',
   theme:'facebook',
   slideshow:2000
 });

这是我试图做的，我相信它错了：

 $(document).delegate(
     "#ts-display-portfolio a", 
     "prettyPhoto", 
     function(){ 
         animationSpeed:'slow',
         theme:'facebook',
         slideshow:2000;
 });

这就是html的方式

<a href="img/IMG_3884_large.JPG" >
<img  src="img/IMG_3884.JPG">
</a>

Answer 1

首先，您提供的代码不是很清楚。什么是什么？

但是，如果我理解正确，问题是在实例化lightBox插件之前，Picasa插件生成的HTML尚未就绪。

lightBox网站上的代码：

$(function() {
$('#gallery a').lightBox({fixedNavigation:true});
});

所以你需要做两件事：

1）确保包含照片的元素具有正确的标识符（类或ID）。在这种情况下ID“画廊” 2）在加载完成后（在Picasa脚本中）放置此代码

 $('#gallery a').lightBox({fixedNavigation:true});

来自picasa的jquery加载的图像上的灯箱

1 个答案: