JQuery添加事件到后添加的元素上

问题

在开发功能时，发现后添加的元素绑定事件是没有效果的，而其父级元素绑定事件是可以的。

错误代码

//html，li是页面加载后，通过Ajax获取，并append到页面上的
test


//JS
$('li .button').click(function(){
    alert('success');
});

解决方案

$('li .button').on('click',function(){
    alert('success');
});

总结

建议用on，原先的live、bind和unbind方法已经被替代，在新版本的JQuery中，建议用on。详见JQuery API。

-- EOF --
本文转载自IMJCW
原文链接：JQuery添加事件到后添加的元素上