0

Android 用のモバイル Web アプリを移植しました。アプリはすでに非常にうまく動作しており、 CancerBankにあります。Androidアプリでユーザーがクリックしたときにロードするのに 30 秒以上かかるリンクがいくつかあります。ここで、ページが完全に読み込まれるまでページが読み込まれているというメッセージをユーザーに表示したいと思います。これを達成するために使用できるプラグインを持っている人はいますか?

マイページアプリはjavascript、html5、cssで開発されています。

4

3 に答える 3

0

デフォルトですべてのページ要素を非表示にし (例: <div class='show_this' style='display: none;'>content</div>)、「読み込み」アニメーションを含む div のみを表示できます。次に、ページが読み込まれたときにページ要素を表示します。例えば。jQueryをロードした後にこれを入れてください：

$(document).ready(function(){
   $('.loading_message').hide();
   $('.show_this').show();
});

そのようなものがうまくいくかもしれません。

于 2013-04-06T18:40:34.237 に答える
0

jQuery を使用していて、ページ コンテンツが ajax によって読み込まれる場合は、次のように使用できます。

$("body").on({
    ajaxStart: function() { 
        // Your code here
    },
    ajaxStop: function() { 
        // your code here 
    }    
});

ajax を使用しない場合はdiv、ユーザーがリンクをクリックしたときに読み込みを追加するだけです。ページが読み込まれ、ユーザーが新しいコンテンツを取得するとdiv、ページが「更新」されたため、これは再びなくなります。そして、本当に新しいページのすべてのコンテンツがロードされるまで待機させたい場合: divjavascript を使用して非表示にするよりも、常に表示されるロードを追加します。

window.onload = function() {
    // hide your div
}
于 2013-03-29T12:00:59.977 に答える
0

これを見てください。素敵なプラグインのようです。

http://www.gayadesign.com/scripts/queryLoader2/

于 2013-03-29T10:58:31.750 に答える