Jquery/Javascript没有激活gif图像(仅限Firefox)

Question

首先要提到的是我的代码在IE8和谷歌浏览器中运行.只有在Firefox下,我才遇到问题,在Ubuntu和Win XP下测试它同样的问题.

我正在尝试在刷新页面时显示ajaxloader gif图像.在一开始我使用jquery .ready()函数来隐藏将显示图像的div#refresh.当我们点击刷新链接时,我会显示div#refresh.我的问题是ajaxloader.gif没有变得像它应该成为一个修复图像.但提到它在chrome和IE下工作.

知道为什么吗？

HTML:

<div id="refreshing">Refreshing</div>
<a href="javascript: refreshPage();">Refresh</a>

CSS:

#refreshing {
    font: 14px Verdana,Arial;
    color: #00264b;
    background: url("/med/base/img/ajax-loader-blue.gif") center no-repeat;
}

JavaScript的:

$(document).ready(
    function() {
        // hide the ajax loader
        $("#refreshing").hide();
    }
);

function refreshPage() {
    $("input").attr("disabled", "disabled");
    $("select").attr("disabled", "disabled");
    $("img").attr("onclick", "");
    $("a").attr("href", "#");
    window.location.href = window.location.href;
    $("#refreshing").toggle();
}

还有一件事是firefox配置image.animation_mode设置为normal.此外,如果我看到萤火虫,图像是动画的.

谢谢大家.

Answer 1

它不起作用的原因是 Firefox 在页面刷新时停止所有 gif 动画。

为了使这项工作正常进行，您应该通过 ajax 加载页面（或者更好的是，仅加载更新的部分）并用新内容覆盖现有内容。