javascript - Click Handler for lists in JS?

Question

Each of my li's have a class of 'galleryImage', inside that is a span with the class 'delete'. When the user clicks on the span delete I want the js to do something, but the following code doesn't seem to fire, whats wrong with it?

$('.galleryImage .delete').click(function() {
          alert("Handler for .click() called.");
    });

Answer 1

これを試して：

$('body').on('click', '.galleryImage .delete', function() {
      alert("Handler for .click() called.");
});

jQuery>1.7の場合

あなたの質問は、イベントを追加しようとしている要素が動的である（ページの読み込み後にドキュメントページに追加される）か、以前はページの読み込み時に存在していたことを明確にしていません。したがって、ページの読み込み後に要素がドキュメントに追加されると思います。

---

ノート

.on()ページの読み込み後にDOMに追加されたイベントを追加するには、jQueryで実行できるデリゲートイベントが必要です。

の使用.on()

$(container).on(eventName, target, handlerFunction);