ようこそJqueryを使用したページ

Question

メインページがバックグラウンドで読み込まれている間、アプリケーションの読み込み... +アプリケーション情報のような情報を5秒間表示する方法を教えてください。

Answer 1

私はいくつかのケースでは「読み込み中...」のページを持つことが許容だと思う：

はjQuery.load() ...元を参照してください。 TurboTaxをオンラインで考えると...「安全な接続を確立する」のようなものがあります。匿名ユーザーがあなたのサイトに行くたびにページを表示するのは、おそらく最良の方法ではありません。

jQuery BlockUIをご覧ください。柔軟で、あなたが話していることをすることができます。

Answer 2

実際に何らかのプリロードを行うためにバックグラウンドでその時間を実際に使用している場合を除き、私はこれをエンドユーザーの観点から強く示唆します。私は個人的には、ウェブサイトに行くときに、自分が望むコンテンツに実際に到達する前に何らかの導入をしなければならないと迷惑をかけることがあります。

これは、私がFlashで設計されたウェブサイトや、単にFlashスプラッシュページを組み込んだウェブサイトを嫌う傾向がある理由です。

編集：リソース集中型でない限り、メインページの負荷が「プリロード」スケールの多くを満たすとは限りません。繰り返しますが、これは私の意見です。

編集＃2：あなたのウェブサイトへの訪問者は、5秒以内に滞在するかどうかを決定すると主張することもできます。インターネットを使っている人は果実の飛行に注意を払う傾向があり、コンテンツに実際に到達する前にそれらを保持パターンに入れることは、それらのユーザーを失う良い方法です。

Answer 3

ページが読み込まれると（理論上、絶対配置されたオーバーレイとして）、ウェルカムメッセージが表示されます。その後、私は@TheTXIに同意するが、それを行うための最善の方法は、CSSを使用して、デフォルトでは表示「ロード...」の画面を持つことである

$(document).ready(function(){ 
    setTimeout(function(){ 
     $('div#overlay').fadeOut(); 
    }, 5000); 
}); 

Answer 4

、そして：あなたは、その後、タイマーをキックオフするためにjQueryを使用することができますjQueryを使用して（一定の時間を待つ代わりに）すべてがロードされたら、それを非表示にします。 - 例えば、（のビジネスアプリケーションログへのユーザの後

$(document).ready(function(){ 
    $("body img:last").load($("#welcome-screen").fadeOut()); 
    }); 

Answer 5

これを見つけた人のためだけに、より洗練されたソリューションが見つかっています。ここ

http://www.jnorton.co.uk/blog/jquery-check-if-all-content-has-been-loaded

私はそれを使用する方法である：

$(document).ready(function(){ 
    $(window).load(function() {$("#welcome").fadeOut('fast'); }) 
});