0

「loader.gif」という画像があります。アプリケーションで 1 つの Ajax 呼び出しを提供しています。Ajax 呼び出しを行う前に、この画像をユーザーに表示して、何らかのプロセスがバックグラウンドで実行されていることをユーザーに知らせます。Ajax レスポンスを受信して​​レンダリングした後、その画像を非表示にしています。

<div id="virtualScrollSpinner" class="infinite-loading" style="display:none">
  <img src="<s:property value="staticResourcesURL"/>/img/common/icons/loader.gif" alt="Loader" />
</div>

上記は、私の JSP にあるイメージ タグです。これを非表示/表示するために、次のjQuery行を使用しています。

$('div#virtualScrollSpinner').show();
$('div#virtualScrollSpinner').hide();

どういうわけか、この画像は Chrome と IR ブラウザでは表示されません。

4

1 に答える 1

0

div が期待する場所 (x,y) にあるかどうかを確認し、z オーダーを確認する必要があります。Chrome や IE 以外のブラウザでも表示されると思います。

Firebug を使用して確認します。

于 2013-10-11T06:05:32.613 に答える