2

ビジーインジケーターとして使用したいアニメーション.gifがあります。このビジーインジケーターは、一部のコンテンツの読み込み中に使用されます。

ロードされると、コンテンツはdiv内に表示されます。コンテンツの読み込み中は、基本的に、既存のコンテンツの上に半透明のレイヤーを作成して、アニメーションも表示したいと思い.GIFます。現在、私は次のものを持っています：

<div id="main">
  <div id="contentArea">
    Loaded content will go here
  </div>
  <input type="button" value="Load Latest Content" onclick="loadContent();" />
</div>

そして、スクリプトは次のとおりです。

<script type="text/javascript">
  function loadContent() {
    // Show busy indicator on semi-transparent layer.
    pingWebService();
    return false;
  }
  function pingWebService() {
     $.ajax(...);
  }
  function pingWebServiceComplete() {
    // Hide busy indicator
  }
</script>

電話は問題なく機能してい.ajaxます。ビジーインジケーターの部分のやり方がわかりません。

4

2 に答える 2

2

musefanが言ったように、画像を含むdivを非表示または表示するだけです。これが不自然な例です。

于 2012-10-08T15:22:19.893 に答える
0

JQueryは、次のような操作が可能なインジケーター画像を表示/非表示にするだけで済みます。

$("#MyBusyElement").show();

と

$("#MyBusyElement").hide();

残りはあなたのhtml/cssレイアウトにかかっています。CSSで透明度を使用できますが、これは古いブラウザでは適切にサポートされないため、背景を透明にする「ビジー」gifを使用するかdiv、古いブラウザで完全に不透明なカバーを使用してください（これを使用します） 。古いブラウザを使用している人は苦しむはずです！）

于 2012-10-08T15:01:42.523 に答える