动画篮子时禁用链接

Question

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

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

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

所以当用户点击该功能时，需要执行该功能，但只要该功能处于忙碌状态，就应该禁用链接。

提前感谢您的帮助。

Answer 1

在 onclick 处理程序的开始，检查繁忙标志。然后将忙标志设置为真。然后，在 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;
    }}
});