javascript - ページに追加された要素をクリックすると？

Question

ユーザーが画像をアップロードしたら、ページに削除ボタンを動的に追加します。

$('.galleryImage .delete').bind('click', function() {

//do delete

}

上記は機能しません。

私が理解しているように、それは削除ボタンが作成後にページに追加されるためです。

私はもう試した

$('body').on('click', '.galleryImage .delete', function() {

しかし、これはjquery 1.7以降でのみ機能し、1.6を使用する必要があります。

これを機能させる方法はありますか？

score 1 · Accepted Answer

jQuery 1.6で使用したいので、.delegate()イベント処理を使用できます。

$('.galleryImage').delegate('.delete', 'click', function() {

しかし、jquery1.7を使用する方が良いでしょう

および.on()イベントハンドラー

$('.galleryImage').on('click', '.delete',function() {

.galleryImageが動的に追加される場合は、のStatic-elementコンテナを使用する必要.galleryImageがあります。つまり、コンテナは動的であってはなりません。

score 1 · Accepted Answer

使用delegate()：

$('.galleryImage').delegate('.delete', 'click', function() {
    //do delete
}

またはon()、jQuery 1.7以降を使用している場合は、委任されたセレクターで使用します。

$('.galleryImage').on('click', '.delete', function() {
    //do delete
}

要素も動的に追加される場合は.galleryImage、最も近い非動的要素に関連するセレクターを使用する必要があります。

使用しないでくださいlive()！それは遅く、時代遅れで、非推奨です。

score 0 · Accepted Answer

on使用delegateまたはlive方法の代わりに

3 に答える 3