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

单击（ajax，js）后禁用href

2 个答案: