单击(ajax，js）后禁用href

Disable href after clicking (ajax, js)

本文关键字：href js ajax 单击      更新时间：2023-09-26

我有这个代码：

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

单击<a href>链接按钮后，禁用该按钮的好方法是什么？我尝试了$('#checkout').disabled功能，但点击功能仍然有效。

在您的点击处理程序内部，我会添加一个对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; ?>';
        }       
    });
});

如果在单击事件结束时return false;，则应该会阻止链接转到任何位置。

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