找出使用jQuery（動態添加列表）

Question

Case1的哪個列表元素被點擊：列表存在使用

$('#list1 li').bind('click', function(){ 
    alert($(this).html()); 
}); 

上述工程已經

<ul id="list1"> 
    <li>One</li> 
    <li>Two</li> 
</ul> 

檢測的點擊li元素的HTML精細。

案例2：使用相同的代碼

$('#list1 li').bind('click', function(){ 
    alert($(this).html()); 
}); 

在這種情況下

現在如果dyamically添加

<div id="testDiv"> 
</div> 

var output = '<ul id="list1">' + 
      '<li>One</li>' + 
      '<li>Two</li>' + 
      '</ul>'; 

$('#testDiv').html(output); 

我試圖偵測點擊li元素列表，它不檢測

Answer 1

在這種情況下使用event delegation

$('#testDiv').on('click', '#list1 li', function() { 
    alert($(this).html()); 
});