动画篮禁用链接

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; 
    }} 
});