由jquery从picasa加载的图像上的Lightbox

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

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

然而，如果我理解正确的话，问题是在lightBox插件实例化之前，Picasa插件生成的超文本标记语言还没有准备好。

lightBox网站上的代码如下：

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

所以你需要做两件事：

1)确保包含照片的元素具有正确的标识符(class或ID)。在本例中，ID "gallery“2)在加载完成后放置此代码(在Picasa脚本中)

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