为篮子设置动画时禁用链接

Question

我将此脚本用于我的在线购物篮： http:// /www.webresourcesdepot.com/fly-to-basket-effect-with-jquery/。

就像人们在评论中建议的那样，当您多次单击同一张图像时，很容易出现错误。如何在单击一次时禁用 img 链接并在将产品添加到购物篮时重新启用它？

我尝试在函数开头将属性 HREF 设置为 # ，但这没有帮助。

因此，当用户单击该功能时，需要执行该功能，但只要该功能繁忙，就应禁用该链接。

预先感谢您的帮助。

Answer 1

在 onclick 处理程序开始时，检查繁忙标志。然后将 busy 标志设置为 true。然后，在 ajax 方法的回调中，将 busy 标志设置回 false。

var busy = false;

$('#myLink').click(function(e){
    if(busy) {
        e.preventDefault();
        return;
    }

    busy = true;
    //make ajax call

    $.ajax {..., function(){
        //in ajax callback
        busy = false;
    }}
});