javascript - ajax成功后撤消preventDefault

Question

我有一些带有 .reg_required 类的链接，它使所有链接在用户登录时显示弹出窗口。

$('.reg_required').click(function(e) {
    e.preventDefault();
    $('#login_popup').dialog('open');
});

成功登录ajax后，我从链接中删除了所有类，但显示登录弹出窗口的行为仍然存在。

$('.reg_required').removeClass("reg_required")

登录成功后如何让链接再次转到指定的url？

Answer 1

使用 on() 的委托(delegate)

$(document).on('click', '.reg_required', function(e) {
    e.preventDefault();
    $('#login_popup').dialog('open');
});

我认为发生的事情是当您与 .click() 绑定(bind)时，处理程序在删除类后仍然保持附加状态。这是因为处理程序附加到 $('.reg_required') 及以后的内容。但是，on() 处理程序将仅附加到当前和 future 的 .reg_required。