jQuery Ajax绑定

Question

以下是提交表单时应显示Ajax加载动画的简单代码：

var init = function() {
    $("form").bind('ajax:beforeSend', function() {
        $("#comments_loading").show();
    });

    $("form").bind('ajax:complete', function() {
        $("#comments_loading").hide();
    });
};

$(document).load(init);

目的是在Ajax请求上显示加载动画。 它工作正常，但是...仅适用于第一个表单提交！！！ 任何建议，为什么/如何解决这个问题，将不胜感激。

非常感谢。

Answer 1

使用jquery .on代替。 相同的语法，不同的方法名称：

$("form").on('ajax:complete', function() {
    $("#comments_loading").hide();
});

因为我假设您的ajax加载表单与原始表单不完全相同