jquery - Ajax 动画 JQuery 1.9.2

Question

我将如何升级此问题中提供的解决方案 如何使用 jQuery 创建“请稍候，正在加载...”动画？

使用 JQuery 1.9.2？

我似乎无法让它工作。我试过以下 http://jsfiddle.net/VpDUG/2485/

$(document).ajaxStart(function(){   $("body").addClass("loading"); });
$(document).ajaxStart(function(){   $("body").removeClass("loading"); });

但这没有用？

Answer 1

我认为您打算这样做（ajaxStop()用于第二个）：

$(document).ajaxStart(function(){   $("body").addClass("loading"); });
$(document).ajaxStop(function(){   $("body").removeClass("loading"); });

在这里看到它在你的 jsFiddle 的修改版本上工作：http: //jsfiddle.net/jfriend00/gk3RL/

---

此外，使用效率更高，document.body而不是"body"：

$(document).ajaxStart(function(){   $(document.body).addClass("loading"); });
$(document).ajaxStop(function(){   $(document.body).removeClass("loading"); });

Answer 2

第二个事件应该是ajaxComplete

$(document).ajaxComplete(function(){   $("body").removeClass("loading"); });