0

リンクされているすべてのページに loading.gif 画像を追加する方法があるかどうか疑問に思っていました。. 何時間も StackOverFlow を読んでいますが、うまくいくものは見つかりませんでした。これを使用して、読み込み中の画像を表示し、ページが読み込まれるまでボタンを無効にしてから、ページを表示したいと思います。

そのため、ドキュメントが開いているときに読み込み中の画像を表示し、ドキュメントが読み込まれたら読み込み中の画像を削除します。

いくつかのコードを貼り付けたはずですが、試したものはすべて機能しませんでした。誰かが私を正しい方向に導くことができますか、または単純なコードスニペットがあれば、それを大いに感謝します.

4

1 に答える 1

0

これは、Zepto を使用する jQTouch で機能します (jQuery ではテストしていません)。

HTML:

<div id="jqt">
    ...
    <div id="loading"></div>
</div>

CSS:

div#jqt #loading {
  background: rgba(0,0,0,0.5) url('../images/scanner/loading.gif') 50% 50% no-repeat;
  z-index: 999;
  position: fixed;
}

JS:

$(document).on('ajaxStart', function(){
    $('#loading').addClass('current');
});

$(document).on('ajaxStop', function(){
    $('#loading').removeClass('current');
});
于 2013-02-01T19:48:59.840 に答える