Question

问题是我们的加载动画图像有时（有时没有）在Chrome中显示，但它总是在Firefox中显示。

代码非常简单：

initLoadingAnimation: function () {
            var $body = $("body");
            $(document).on({
                ajaxStart: function () {
                    $body.addClass("loading");
                },
                ajaxStop: function () {
                    $body.removeClass("loading");
                }
            });
        }

CSS部分：

/* Loading animation */
.loading_anim {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../img/loading_anim_blue.gif') 50% 50% no-repeat;
}

body.loading .loading_anim {
    overflow: hidden;
}

body.loading .loading_anim {
    display: block;
}

我在body元素的顶部有一个div，类为＃34; loading_anim＆＃34;。

它在Firefox中完美运行但在Chrome中并不适用。我在调用此函数时尝试引入setTimeout（fn，0），但我仍然遇到问题。

（当我手动设置课程＆＃34;通过Chrome中的开发者工具在body元素中加载＆＃34;加载图片出现时）

有时Chrome不会在DOM中绘制，但Firefox会这样做

0 个答案: