ajax返回的页面中绑定事件

当我们通过ajax返回的值,构造页面或者生成新的元素的时候,默认的事件监听是不起作用的。


比如

$('.next').click(function(){
    alert('点击next按钮');
});

当我们在页面上新生成的按钮

<button class="next">点击我啊</button>

我们点击并不会触发alert()事件,因为这个元素是后添加到dom树上的,我们想要监听这个事件,需要修改我们的代码。

$(document).on('click','.next',function(){
    alert('点击next按钮了');
})