使用jQuery显示的图像未在Chrome和IE上显示

Question

我有一个名为'loader.gif'的图像。我在我的应用程序中提供了一个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浏览器中。

Answer 1

您应该检查div是否在您期望的位置（x，y）以及检查其z顺序。我假设除了chrome和IE之外，它出现在其他浏览器中 - 对吧。

使用Firebug进行检查。