Javascript JQuery Ajax绑定
以下是提交表单时显示Ajax加载动画的简单代码:Javascript JQuery Ajax绑定,javascript,jquery,Javascript,Jquery,以下是提交表单时显示Ajax加载动画的简单代码: var init = function() { $("form").bind('ajax:beforeSend', function() { $("#comments_loading").show(); }); $("form").bind('ajax:complete', function() { $("#comments_loading").hide(); }); }; $(
var init = function() {
$("form").bind('ajax:beforeSend', function() {
$("#comments_loading").show();
});
$("form").bind('ajax:complete', function() {
$("#comments_loading").hide();
});
};
$(document).load(init);
它的目的是根据Ajax请求显示加载动画。它工作得很好,但是。。。只为第一个表格提交!!!任何关于为什么/如何解决这一问题的建议都将不胜感激
非常感谢。请改用jquery
.on
。相同的语法,不同的方法名称:
$("form").on('ajax:complete', function() {
$("#comments_loading").hide();
});
因为我假设您的ajax加载表单与您的原始表单不是完全相同的元素ajax是通过我使用的某个框架助手发送的。本质上,它是非常简单的ajax表单提交,触发html替换。也许加载事件没有被触发?想知道我还可以使用什么…看看它是否是-在init函数的开头抛出一个console.log(“load triggered”),然后观察控制台,看看它是否是firedYep加载事件只发生一次。这就解释了。还有其他事件可以用来触发绑定吗?您应该发布ajax调用