js 购物车追加 append 一行内容不能正常统计商品共计和已选商品多少件问题

Question

我参照的 demo 链接 http://www.jq22.com/yanshi15391
我修改后的的 demo： https://github.com/phpnodebug...

问题描述：如果多条内容写死的话正常的 如果用 append 追加内容到节点 无论全选还是单独选中 点击增加数量 已选商品多少件 商品共计都是没有反应的 求指导 谢谢

Answer 1

jQuery的选择器并不是动态的，你这里全选的点击事件用是最开始的checkbox来获取价格，所以新加的就没有作用了。包括你绑定checkbox点击的代码也只能给最开始的添加事件。

解决办法:
1.添加内容时重新获取选择器，重新绑定事件
2.事件委托，一劳永逸

Answer 2

我想问题是 你渲染完页面之后 再去添加内容 js并没有拿到你新添加的dom元素 才会导致你的操作不会完成

Answer 3

我刚打开你的demo点了几下我就用不下去了，你这个demo一定很难留存用户，太卡了，我这都i7的CPU+8Gddr4了，都有明显卡的感觉。我觉得你应该先整理一下你的逻辑调整一下代码

Answer 4

jquery动态添加的节点，对这些节点也需要动态绑定事件，例如使用on来绑定click事件。

Answer 5

你应该把选中的事件操作封装起来，每append一次，就重新调用一下封装好的事件处理

Answer 6

很典型的 新增加的dom节点 jq是获取不到的 只能委托 比如用jq里面的on()方法这种