jquery动态添加按钮，按钮点击事件失效

今天遇到一个这样的问题：

问题描述：页面上的数据需要动态添加（append）进去，但是动态添加进去的按钮的点击事件失效，这样怎样解决呢？

原因分析：append中的节点是在整个文档加载完之后开始添加，因此页面不会为append的元素初始化添加点击事件

按钮失效代码：

$('.edit').click(function(){
    console.log('111111');
})

正确的代码：使用事件委托的方式，将指定的事件绑定在document上

$(document).on('click','.edit',function(){
    console.log('111111');
})