由 jquery 从 picasa 加载的图像上的灯箱

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});