jQuery on()方法绑定动态元素的点击事件

Question

我正在做一个商城相关的项目，需要用到购物车。购物车的数据我存在了session里，但是在前端需要实时更新购物车的数据，所以动态的创建了元素。在jquery中，要给动态元素绑定事件，我使用了on方法，但是该方法一直不生效，必须刷新页面才能删除购物车的数据，请大家帮忙看看。项目使用的是ThinkPHP框架。商品数量:Total:￥清空$(function(){remove_url="{:U('mall/cart/removeitem')}";$('#shoppingCartWrapper').find('.shoppingCartRemoveProductButton').on('click',function(){good_id=$(this).prev().prev().val();$.ajax({'url':remove_url,'type':'post','data':{'good_id':good_id},'success':function(data){$('#shoppingCartButtons').prevAll().remove();$('#shoppingCartButtons').before(data);}});});});线上演示地址：http://weixin.chenfw.me/mall/index

Answer 1

对于动态绑定元素可以这样写
$(document).on('click','.xxx',function(){
//dosomething
});
$(document)可以改成要绑定事件元素的父节点
.xxx就是指的当前元素
这样就可以实现事件的代理