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

我给了“确认 - 删除”这个类的链接，它改变了文本和网址，但它不会让我第二次按下。什么都没发生。我怀疑这是因为preventDefault，这就是为什么我试图删除该类，但没有效果。我希望有人可以帮助我解决这个问题。谢谢。

Answer 1

您可以在第一次运行后立即通过取消绑定点击事件处理程序来执行此操作：

$('.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');
});

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

1 个答案: