動畫籃禁用鏈接

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