Javascript 脚本在internet explorer、chrome中加载gif，但不在firefox中加载

为了在我的应用程序中正确显示正在加载的图像，我编写了以下脚本：

var spinnerVisible = false;

function ShowProgress() {
    if (!spinnerVisible) {
        $('div#layer').fadeIn("fast");
        $('div#spinner').fadeIn("fast");
        spinnerVisible = true;

        var spinner = $('#spinner');

        spinner.html('<span>Loading, please wait...</span><img src="/Content/ajax-loader.gif" width="250" height="250"/>').css('background', '#fff').show();
    }
}

如果我在firefox中复制粘贴url，gif正在加载，但现在调用函数时

编辑2

我不知道是否相关，但我发现：

---

检查控制台了吗你的函数调用是什么样子的？我现在知道如何使用Firefox的控制台。点击F12-这将打开Chrome、Firefox甚至IE中的开发工具。打开它们后，你通常应该重新加载页面。对于第三次编辑，有几个问题：你添加了一个不应该出现的括号；您不需要添加所有那些反斜杠\如果您只获得单引号之间的字符串'；并且是DOM元素的属性，您应该这样设置：element.innerHTML='Loading，please wait…'；对于你的主要问题，你能试着用一个网络托管的文件吗http://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif

http://localhost:63779/Content/ajax-loader.gif

    var element = document.getElementById('spinner');

    element.setAttribute("'<span>Loading, please wait...</span><img src=\"/Content/ajax-loader.gif\" width=\"250\" height=\"250\" background=\"#fff\"/>')", element.innerHTML);

    alert(document.getElementById("spinner").innerHTML);