Question

I have this code:

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

What is the good way to disable this <a href> link button after clicking on it? I tried $('#checkout').disabled function, but the click function is still working.

Answer 1

Inside of your click handler I would add a call to unbind to remove the click handler going forward

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

So the full code would be:

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