jQuery UIを改善するすべてのページロード用のajax読み込みダイアログ

Question

私のWeb開発プロジェクトは、JSONとAJAXを介して多くのコンテンツを読み込みます（これらは基本的に同じものではありません）。

私は、jqueryのUIダイアログでロードgifのポップアップを実装しました。これは、.ajaxStartと.ajaxStopイベントに接続されます。

$(document).ready(
     function() { 
      $(window).load(function() { Load(); }); 
.... 

function Load() { 
.ajaxStart(function() { 
//Show popup 
} 
.ajaxStop(function() { 
//Hide popup 

}

だから、これはかなり良いですし、いつでも私はロードが表示されたポップアップAJAXを介してコンテンツをロードしています。すばらしいです。私の次の質問は、フィードバックが届いているということです。彼らは、このコンテンツの読み込みが奇妙だと思っていますが、Webアプリケーションで新しいページ全体をリクエストすると、「読み込み」に時間がかかり、読み込みダイアログがありません他のajaxの読み込みの例のように。個人的に私に - これは完璧な意味がありますが、ユーザーはそれを気に入らないのです。

同じダイアログをページの読み込みに接続する簡単な方法はありますか？彼らが新しいページをリクエストしたときにjqueryイベントを知る方法があると思っているのですが、新しいページがロードされるまでロードダイアログをポップアップしてそこに残すことができます。

お礼ありがとうございました。

ありがとうございました。

Answer 1

確かに、アンロードイベントをチェックしてください。 http://api.jquery.com/unload/

だから、文字通り準備ができてあなたの文書で

$(window).unload(function() { Load(); }); 

をチャックし、ユーザーが新しいページに移動するとき、それは（あなたが任意のAJAX要求を必要としないので、それをカスタマイズする必要がある場合がありますポップアップを紹介しますどのデータも動的にロードしていないとみなします）。

Answer 2

現在のドキュメントのアンロードと次のページの読み込みとの間にかなりのギャップがあるため、次のページが読み込まれるまで読み込みダイアログを残すことはできません。

あなたのサイトが完全にajaxだったらあなたはそれを行うことができますが、サイトを完全にajax駆動すると細部に注意を払います（バックボタンのサポート、ブックマーク、イベントなど）ので、パス。