Ajax Animation JQuery 1.9.2

我如何升级此问题中提供的解决方案如何使用jQuery创建“Please Wait，Loading …”动画？

使用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"); });