jquery - インスタント検索の実行中のjQueryクリックの問題

Question

と呼ばれる空のdivクラスがありresultます。

検索クエリを入力すると、resultdivがいっぱいになりitem ます（jQuery ajaxを使用）。

私がする時、

$(".result").click(function(){
    alrert("click on whole result class captured")
});

警告メッセージが表示されます。しかし、私がそうするとき、

$(".item").click(function(){
    alert("click on single item captured")
});

アラートメッセージが表示されません。なぜこれが起こるのですか？ドキュメントの読み込み後にアイテムdivsが挿入されたためですか？

Answer 1

使用することを好む.on

$(document).on("click", ".item", function(){
    alert("click on single item captured");
});

アイテムが動的に追加されるためです。

clickまたはbind("click")、イベントの「バインディング」をアタッチしないため、DOMに要素を動的に追加するために使用することはできません。

on("click")（live("click")非推奨）DOMの変更を通じてイベント「バインディング」をアタッチし続けます。

Answer 2

使用する.on

$(document).on("click", ".item", function() {
    alert("click on single item captured")
});

詳細はこちらhttp://api.jquery.com/on/