0

この例では、blacksabbath.com にアクセスして、ページが完全に読み込まれるまでプログレス バーがどのように表示されるかを確認してください。jqueryuiプログレスバーを使用してこれをどのように複製しますか? ティア！

4

3 に答える 3

3

彼らは、Web サイトで jPreLoader を使用しています。これへのリンクは次のとおりです。 http://www.inwebson.com/jquery/jpreloader-a-preloading-screen-to-preload-images/

于 2013-09-02T17:37:12.130 に答える
1

基本的に、このプロセスでは、実際にページをロードするのではなく、ajax 呼び出しを行っています。ページは次のようになります。

<div class="body"></div>これは架空のボディ タグとして使用されます。

次のようにajax呼び出しを行うよりも：

window.onload = loadPage;これにより、ページが読み込まれたときに確実に実行されます。

例を次に示します: http://jsfiddle.net/NEfR2/

次に、この後、ajax リクエストを介してページをロードできます。

$(document).ready(function(){  
   function loadPage (){   
   $("#image_loading").show();    
     $.ajax({  // start the ajax request..  
     url: "link_to_the_page",  //the page where the data is saved
     data: "query_strings_if_any",  
     success: function (result) {  
     $("#image_loading").hide();  
     $(".body").html(result); 
   }    
 });  
 }  
}

これにより、最初に読み込み中の画像の表示が開始され、ajax リクエストが完了して応答が返されます。画像は非表示.hide()になり、応答は架空の body タグに書き込まれ<div class="body"></div>ます。これが基本であることを願っています。

画像は任意の gif または何らかの画像で、ユーザーにコンテンツが読み込まれていることを伝えることができます。

于 2013-09-02T17:49:40.367 に答える
0

jQuery 内の進行状況バーがロードされた状態でのみ白いページをレンダリングできます。その後、AJAX を使用して残りのページをロードするときに、進行状況バーを簡単に制御できます。

これは私見の最も簡単な方法です。

于 2013-09-02T17:34:40.810 に答える