Javascript 使用jquery查找单击的列表元素（动态添加列表）

案例1：列表已经存在于html中

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

上面的工作很好

案例2：

现在如果列表是动态添加的

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

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

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

在这种情况下，它不会检测到在这种情况下使用

在这种情况下，请使用

在这种情况下，请使用

在这种情况下，请使用

---

寻找“活动授权”。看这里，你在不到一小时前问了完全相同的问题。寻找“活动授权”。看这里，你在不到一小时前问了完全相同的问题。寻找“活动授权”。看这里，你在不到一小时前问了完全相同的问题。寻找“活动授权”。看这里，不到一小时前你问了完全相同的问题。

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

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

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

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

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