清空购物车功能怎么实现

来源:2-7 详情页-购物车(7)

Mickey_J

2020-07-12 16:04:41

清空购物车

写回答

1回答

好帮手慕慕子

2020-07-12

同学你好,老师以源码为例,给同学提供给一个参考思路,同学可以粘贴下面的代码,在源码中测试下,帮助自己更好的理解

// 给清空购物车按钮添加点击事件
    $('.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();
    });

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 6815 问题

查看课程