sticky连续快速点击,还会出现重复生成sticky
来源:5-7 购物车 sticky 组件

Walker游游
2020-06-29
老师好!又来麻烦老师。
老师,这节课的逻辑可以理解,代码也实现了。只是在快速连续点击sticky的时候,还是会重复生成sticky。而且,点击sticky,在sticky隐藏后,需要点击第二次,才能再次弹出shop-cart-list。
另外,老师,我用create-api方式做的cart-control小球抛物线过渡动画效果。小球在shop-cart中创建并执行过渡动画,同时绑定动画结束事件,监听到动画结束后自动销毁。可是经常会出现小球在display:none以后,无法自动销毁的现象。重新整理了逻辑,没能查出问题,恳请老师施以援手。
辛苦老师了!这是项目存放地址:链接描述
写回答
1回答
-
ustbhuangyi
2020-06-30
你的 ShopCartList 组件应该用 popupMixins 来管理弹窗的关闭,你出现的问题是因为点击购物车关闭ShopCartList 的时候没有触发 hide 事件。快速连续点击可能会出现多个,但关系不大,只有保证逻辑正确即可,当然,你去删除这个节点也是可以的。
小球用 createAPI 实现这个思路很赞,我目前跑你的代码似乎没有出现无法销毁小球的情况,即使快速点击,在小球动画做完后也能正常销毁。052020-06-30
相似问题