onclick进不去ajax,jquery ajax获取内容新增到页面上onclick无效

页面如下，且每次点击li就能够弹出li里面的内容

$(function(){

$(“#btn”).bind(‘click’,function(){

$.post(“2.html”,function(result){

$(“#aaaa”).append(result);

});

});

$(“#aaaa>li“).bind(‘click’,function(){

alert($(this).html());

});

});

• www.baidu.com
• www.aspbc.com

我想通过点击按纽,ajax请求服务端2.html，获取的内容追加到aaaa后面

2.html的内容是

1111222233334444555566666

我希望的结果是，aaaa中追加了2.html中的内容。

我点击每个li，第一，第二个li能弹出li里面的内容(点击1，点击2)，但新追加的内容不能弹出，也没有错误，新追加的li的onclick失效。

经过网上搜索了一下，找到解决办法：使用jquery on事件实现

以上的js代码改成如下

$(function(){

$(“#btn”).bind(‘click’,function(){

$.post(“2.html”,function(result){

$(“#aaaa”).append(result);

});

});

$(“#aaaa”).on(‘click’,‘li’,function(){

alert($(this).html());

});

});

注意：li的父级目录aaaa不能改。