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

Question

我有一个从 Picasa 相册加载图像的 jquery 插件。但是当我试图添加灯箱时，它不起作用。我已经阅读了一些我们可以在 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

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

但是，如果我理解正确的话，问题是 Picasa 插件生成的 HTML 在 lightBox 插件实例化之前还没有准备好。

来自灯箱网站的代码：

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

所以你需要做两件事：

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

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