无法连接使用jQuery

Question

我无法得到这个HTML单击事件单击事件li元素：

<ul id="frd_overlay_list"> 
<li><div class="divLink"><div id="1"><img src="path"><div class="frdName">Name</div></div></div></li> 
<li><div class="divLink"><div id="2"><img src="path"><div class="frdName">Name</div></div></div></li> 
</ul> 

和JQuery脚本：

$('li').click(function(){ 
    console.log('Not working'); 
}); 

我能够获得点击事件对于即

$('ul#frd_overlay_list').click(function(){ 
    console.log('This works'); 
}); 

UI元素我都试过这个，但是这也并不工作：

$('ul#frd_overlay_list li').click(function(){ 
    console.log('Doesn't work either'); 
}); 

请给我指点我做错了什么？

Answer 1

所有你的榜样工程除了最后一个： 你需要躲避'或既然你要应用的点击事件动态添加元素使用双引号的字符串

$('ul#frd_overlay_list li').click(function(){ 
    console.log("Doesn't work either"); 
}); 

，你可以使用jQuery的on函数。

• on将结合的事件处理程序，用于动态添加元素
• bind将仅结合事件处理程序现有的元件。
用法

on：

$("ul#frd_overlay_list li").on("click", function(){ 
    console.log("Doesn't work either"); 
}); 

Fiddle