jquery - 複製された/動的に生成された要素にイベントをアタッチするにはどうすればよいですか？

Question

http://www.stableflow.com/downloads/jquery-plugins/360-degrees-product-view/

このスクリプトが見つかりました。ここで個々の画像にイベントを添付するにはどうすればよいですか。たとえば、画像10をクリックして、画像20にカーソルを合わせたい場合です。

Answer 1

動的に生成される要素の場合は、live(event, function)メソッドまたは新しいものを使用することを検討してください - on(event, function)。

したがって、プラグインがいくつかの DOM ロジックを生成する場合は、それらに on を使用してイベントをアタッチすることを検討してください。準備が整うと、イベントがアタッチされます。

ロジックは次のようになります。

...
...
//attach events
$('image:eq(10)').on('click', function() {
//my custom click handler for 10th image
});
...
...

画像を中心に/または画像を使用してDOMロジックを構築するプラグインを初期化します