jquery - 使用 jQuery 在第一次按下时更改链接上的文本，然后在第二次按下时转到链接

Question

我正在尝试使用 jQuery 来制作“你确定吗？” 删除链接上的功能。我当前的代码：

$('.confirm-delete').on('click', function(e) {
e.preventDefault();
$(this).removeClass("confirm-delete");
$(this).html("<i class='icon-remove icon-white'></i> Are you sure?");
$(this).attr("href", "?delete="+this.id.replace('id', ''));
});

我已经为链接提供了“确认删除”类，它可以很好地更改文本和 url，但它不会让我再按一次。什么都没发生。我怀疑这是因为preventDefault，这就是为什么我尝试删除该类，但没有效果。我希望有人可以帮助我解决这个问题。谢谢你。

Answer 1

您可以通过在第一次运行后立即取消绑定 click 事件处理程序来做到这一点：

$('.confirm-delete').on('click', function(e) {
    e.preventDefault();
    $(this).removeClass("confirm-delete");
    $(this).html("<i class='icon-remove icon-white'></i> Are you sure?");
    $(this).attr("href", "?delete="+this.id.replace('id', ''));

    // unbind
    $(this).off('click');
});