jQuery在执行即时搜索时点击问题

Question

我有一个空的div类叫result。

当我继续输入搜索查询时，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动态添加元素，因为您不会附加事件“绑定”。

on("click")（live("click")已弃用）通过DOM更改来保持附加事件“绑定”。

Answer 2

使用.on

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

这里更多http://api.jquery.com/on/