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

最近在学习做前端的时候遇到一个问题，在使用ajax异步生成界面元素的时候，想给元素绑定一个点击事件，却发现怎么也不生效。
$.ajax({
url:,
type:,
async:true,
timeout:5000,
success:function(data){
// 生成界面元素的代码
// <a class="onclickitem" href="#">content</a>
}
});

$(".onclickitem").click(function(e){
alert("item clicked");
return false; // 只要这里return false，超链接就不会跳转了
});

这样绑定是不会生效的，咨询了一下做前端的同学，原因是ajax设置了异步执行，下面的绑定代码应该是在ajax生成界面元素之前就执行了，这样是绑定不上的。解决方法有两个：
1. 把ajax的async属性改为false。这样就能成功地绑定上了
2. 在绑定的过程中，为每个元素单独绑定事件。这样比较靠谱
同事提供了另一种方式，在下面用live来绑定，但是测试过，不生效。