Question

我有一个名为result的空div类。

当我继续输入搜索查询时，result div会被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添加元素，因为您不会附加事件＆＃34;绑定＆＃34;。

on("click")（已弃用live("click")）会附加事件＆＃34;绑定＆＃34;通过DOM更改。

Answer 2

使用.on

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