重新启用 preventDefault

Question

我正在尝试在提交点击之前修改锚点中的 href。

但是，下面会创建一个无限循环：

$('.preview').live('click', function(e){
    e.preventDefault();
    var _this = this;
    var content = $('#redactor_content').getCode();
    var page_id = $('#page_id').val();
    $.ajax({
        url: ADMIN_CORE_URL + 'pages/autosave.php',
        dataType: 'json',
        type: 'POST',
        data: {page_id : page_id, content : content},
        success: function(data){
            var url = $(_this).attr('href') + data.revision_id;
            $(_this).attr('href', url);
            $(_this).unbind('click').click();
        }
    });
});

要么我无法点击提交，要么我得到了循环。

如何在没有循环的情况下重新启用点击？

Answer 1

你可以试试这样的。 这样，只有在链接具有 x 类（或您想调用的任何名称）时，处理程序才会被执行。
在 ajax 响应之后，删除该类并且不应再执行单击处理程序。

$(body).on('click', '.preview.x', function(e){
    e.preventDefault();
    var _this = this;
    var content = $('#redactor_content').getCode();
    var page_id = $('#page_id').val();
    $.ajax({
        url: ADMIN_CORE_URL + 'pages/autosave.php',
        dataType: 'json',
        type: 'POST',
        data: {page_id : page_id, content : content},
        success: function(data){
            var url = $(_this).attr('href') + data.revision_id;


            // $(_this).attr('href', url);
            // $(_this).removeClass('x').click();
            //
            // edit: version 2:
            window.open(url);
        }
    });
});

Answer 2

我认为这是循环的，因为 unbind() 没有按照您的预期进行，然后您手动强制每次 ajax 调用成功时单击链接，这可能会一次又一次地运行相同的代码。

去掉多余的.click()，先弄清楚如何正确解绑原来的点击，如果需要，再添加click()。附带说明一下，由于您使用live() 进行绑定，因此使用.die() 取消绑定会更有意义（这两种方法已被.on() 和.off() API 取代）

Answer 3

替换

$(_this).unbind('click').click();

与

$(_this).off('click');

从 jquery 1.7.2 开始，.live 已被弃用，.on 已被使用

$('body').on('click','.preview', handler);

解除绑定后，你触发了.click()的点击事件。

删除应该可以解决问题

编辑

var handler = function(event){
    event.preventDefault();
    var _this = this;
    alert('called');
    $(_this).off('click').on(handler);
}


$('body').on('click','.preview', handler);

使用 .on() 附加事件处理程序并使用 .off() 删除它。

DEMO

希望对你有帮助