jquery - Ajax 加载程序未在 Google Chrome 中显示

Question

虽然这个问题已经在 Stackoverflow 中讨论过很多次了，但我还是无法让 loader gif 在 Google Chrome 中显示。在 Firefox 3.6 中，下面的代码可以很好地在我进行 ajax 调用时显示小 gif，但如果使用 Google Chrome，相同的代码将不会显示任何内容。由于我们的客户使用 Chrome，我必须确保它兼容。

这是 onLoad 事件中的 jQuery 代码:

var loader = $('<div id="ajax-loader" class="ui-corner-all"><span></span></div>')
                .appendTo("body")
                .hide().ajaxStart(function() {
        var relativeToDocument = false;
        var parent = loader.parent();
        loader
                    .css("top", (relativeToDocument ? $(window).scrollTop() : 0)
                                + (parent.innerHeight() / 2)
                                - (loader.height() / 2))
                    .css("left", (relativeToDocument ? $(window).scrollLeft() + parent.offset().left : 0)
                                 + (parent.innerWidth() / 2)
                                 - (loader.width() / 2))
                    .show();
                })
    .ajaxStop(function() {
                loader.hide();
    });

有人知道为什么 chrome 不显示吗？

编辑:在下面添加一些我的标记；

gif 的 CSS 在这里:

#ajax-loader { position: absolute; padding: 10px; }
#ajax-loader span { background-image: url("../images/ajax-loader.gif"); width: 32px; height: 32px; display: block; }

page在这儿。当然它看起来很糟糕，因为我没有添加 css 文件和其他东西。另外，这是一个 MVC 应用程序，因此您无需加载任何数据。

Answer 1

我知道这是一篇旧文章，但以防万一有人遇到同样的挑战，我在 MVC 5 应用程序上所要做的就是在 Visual Studio 中安装 Nuget 包:“NWebsec.Mvc”和应用程序运行得很好。