JS中由ajax异步生成的页面元素绑定事件失效问题

最近在学习做前端的时候遇到一个问题，在使用ajax异步生成界面元素的时候，想给元素绑定一个点击事件，却发现怎么也不生效。

$.ajax({

url:,

type:,

async:true,

timeout:5000,

success:function(data){

//生成界面元素的代码

//<aclass="onclickitem"href="#">content</a>

}

});

$(".onclickitem").click(function(e){

alert("itemclicked");

returnfalse;//只要这里returnfalse，超链接就不会跳转了

});

这样绑定是不会生效的，咨询了一下做前端的同学，原因是ajax设置了异步执行，下面的绑定代码应该是在ajax生成界面元素之前就执行了，这样是绑定不上的。解决方法有两个：

1.把ajax的async属性改为false。这样就能成功地绑定上了

2.在绑定的过程中，为每个元素单独绑定事件。这样比较靠谱

同事提供了另一种方式，在下面用live来绑定，但是测试过，不生效。