0

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>
4

1 に答える 1

1

まず、あなたが提供したコードはあまり明確ではありません。何が何？

しかし、私の理解が正しければ、問題は、lightBox プラグインがインスタンス化される前に、Picasa プラグインによって生成された HTML の準備ができていないことです。

lightBox Web サイトのコード:

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

したがって、次の 2 つのことを行う必要があります。

1) 写真を含む要素に正しい識別子 (クラスまたは ID) があることを確認してください。この場合、ID "gallery" 2) 読み込みが完了した後にこのコードを配置します (Picasa スクリプト内)。

 $('#gallery a').lightBox({fixedNavigation:true});
于 2012-05-30T14:21:50.967 に答える