检测响应完成工作时

Question

是否有一种方法可以检测响应完成工作？

现在需要大约1-2秒，直到布局正确显示。我想添加一些加载指示器，当respond.js完成它的作业时会隐藏。

谢谢。

ps。我知道良好的做法，但客户正在付钱。

Answer 1

您只需隐藏容器并默认显示加载指示器，然后使用媒体查询切换它们。

.container {
    display: none;
}
.loading {
    display: block;
}
@media (min-width: 1px) {
    .container {
        display: block;
    }
    .loading {
        display: none;
    }
}

.

支持媒体查询的浏览器将立即显示容器并隐藏加载指示灯。旧IE不会通过responal.js处理媒体查询。

Answer 2

警告：rant

思考这一点。在等待JS在等待JS在具有慢速渲染引擎的古老（IE <9）浏览器上修改您的布局时，请仔细考虑与您的UI被锁定。这是您的解决方案：

<!--[if lte IE 8]>
<style type="text/css">
 body { min-width: 1020px; }
</style>
<![endif]-->

.

IE8用户宁愿滚动水平滚动一点点（它们被习惯了次优ux，他们毕竟使用IE8 !!!!）而不是响应.js破坏他们的用户体验，因为它是通过浏览器咀嚼性能。