87,994
社区成员
发帖
与我相关
我的任务
分享如何在JavaScript里防止事件函数的高频触发和调用
现在有个应用场景，商品可以点击添加进购物车(会有部分动画效果)，连续多次点击添加购物车按钮后，动画效果会卡主，整个浏览器也卡死无响应了，求大神解决
...全文
请发表友善的回复…
发表回复
似梦飞花 2017-03-28
- 打赏
- 举报
点击后禁止点击 过一段时间后在放开点击啊 找个变量记录是否在禁止时间内
qq_34974974 2017-03-28
- 打赏
- 举报
//飞入动画，具体根据实际情况调整
$(".addToCart").click(function(){
$(".hoverCart a").html(parseInt($(".hoverCart a").html())+1);/*测试+1*/
var shopOffset = $(".hoverCart").offset();
var cloneDiv = $(this).parent().siblings(".goodsPic").clone();
var proOffset = $(this).parent().siblings(".goodsPic").offset();
cloneDiv.css({ "position": "absolute", "top": proOffset.top, "left": proOffset.left });
$(this).parent().siblings(".goodsPic").parent().append(cloneDiv);
cloneDiv.animate({
width:0,
height:0,
left: shopOffset.left,
top: shopOffset.top,
opacity:1
},"slow");
});
qq_34974974 2017-03-28
- 打赏
- 举报
函数贴出来
