禁用HREF（AJAX，JS）

Question

我有這樣的代碼：

$('#checkout').click(function() { 
    $.ajax({ 
     type: 'GET', 
     url: 'index.php?route=payment/quatro/confirm', 
     success: function() { 
      location = '<?php echo $continue; ?>'; 
     }  
    }); 
}); 

什麼是點擊它後禁用此<a href>鏈接按鈕的好方法嗎？我試過$('#checkout').disabled函數，但點擊函數仍然有效。

Answer 1

內的點擊處理程序我將添加一個調用unbind刪除單擊處理前進

$('#checkout').unbind("click"); 

所以完整的代碼是：

$('#checkout').click(function() { 
    $('#checkout').unbind("click"); 
    $.ajax({ 
     type: 'GET', 
     url: 'index.php?route=payment/quatro/confirm', 
     success: function() { 
      location = '<?php echo $continue; ?>'; 
     }  
    }); 
}); 

Answer 2

如果你到底return false;您的點擊事件，這應該阻止鏈接去任何地方。

$('#checkout').click(function() { 
    $.ajax({ 
     type: 'GET', 
     url: 'index.php?route=payment/quatro/confirm', 
     success: function() { 
      location = '<?php echo $continue; ?>'; 
     }  
    }); 

    return false; 
});