jquery - Ajax アニメーション JQuery 1.9.2

Question

この質問で提供されているソリューションをアップグレードするには どうすればよいですか? 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()2番目のものを使用）：

$(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

2番目のイベントはajaxComplete

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