2012-03-06 9 views
0

私は、複数の画像カルーセルを持っている私のページでjQueryのライトボックスのプラグインを使用しています。私の要件は、私は現在、これは正常に動作しますが、私の問題は、私は動的にカルーセルを追加したいということですバインディングjQueryのライトボックス動的に追加する画像

$(a#lightboxrotator).each({ $(this).lightBox();}); 

を書き込むことによって達成個々の画像上のライトボックスを適用する必要があるということです。私は、プラグインでカスタム関数のハンドラに建てられたのと同じ方法が使用されている「オン」のjQueryを使用することができ、いくつかの方法はありますか?何かのように

$('body).on('a#lightboxrotator','click',fn()) 

ライトボックスで使用できますか?上記の私のコメントパー

+0

これを試しましたか? –

+0

は、あなたの周りに間違った方法のパラメータを持っている)(上のヘルプを見てください - > http://api.jquery.com/on/ – ManseUK

+0

IDのは、あなたが構造的な問題が右から持ってapage..soで一意である必要があります繰り返しIDの – charlietfl

答えて

0

... IDのは()に

一意である必要があり、他の委任方法は、イベントハンドラのための理想的ですが、あなたは新しいHTML上に再初期化し、それら必要以上に関与しているプラ​​グインを使用すると、挿入します...それが挿入された後。あなたのライトボックスの場合、プラグインコードから内部的にハンドラが結びついているので、あなた自身のクリックハンドラでそれを真似することはできません。

新しいhtmlをロードすると仮定すると、ajaxの成功コールバックを使用してページロードで既に使用しているコードと同じコード

$(a.lightboxrotator).lightBox(); 
+0

のそれぞれのクラスに開始、変更IDはありがとう..私は最終的に物事が仕事を得るためにこれを行いました。 – user1252966

関連する問題