怎么实现清空购物车呢?
来源:2-7 详情页-购物车(7)
随心无憾
2019-09-05 12:28:36
老师好像没讲
1回答
同学你好!
是的,视频中老师没有讲到。而且作业中也不要求的。清空购物车可以给同学一个参考的思路(同学可以粘贴下面的代码,在源码中测试下,帮助自己更好的理解):
// 给清空购物车按钮添加点击事件 $('.shop-bar').on('click', '.clear-car',function (e) { // 修改挂载到choose-item'中的数据 // 获取choose-item'标签。choose-item标签是我购物车中被选中的商品 var $item = $strTop.find('.choose-item'); //循环将所有被选中的商品的标签的chooseCount数据修改为零 for (var i = 0; i < $item.length; i++) { console.log($item[i]); //修改保存在choose-item标签的数据 $($item[i]).data('itemData').chooseCount = 0; } //修改后重新渲染一个页面 renderItems(); //修改后同时也需要联动! $('.left-item.active').click(); });
如果帮助到了你,欢迎采纳,祝学习愉快~
相似问题