Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检测respond.js何时完成工作_Javascript_Respond.js - Fatal编程技术网

Javascript 检测respond.js何时完成工作

Javascript 检测respond.js何时完成工作,javascript,respond.js,Javascript,Respond.js,是否有一种方法可以检测respond.js何时完成工作 现在,要正确显示布局大约需要1-2秒。我想添加一些加载指示器,当respond.js完成它的工作时,这些指示器将被隐藏 谢谢 注:我知道良好的做法,但客户正在付钱。警告:咆哮 想一想。假设你是一个用户,当你在等待JS修改你的布局时,你的UI被锁定。默认情况下,你可以隐藏容器并显示加载指示器,然后使用媒体查询来切换它们 .container { display: none; } .loading { display: bloc

是否有一种方法可以检测respond.js何时完成工作

现在,要正确显示布局大约需要1-2秒。我想添加一些加载指示器,当respond.js完成它的工作时,这些指示器将被隐藏

谢谢


注:我知道良好的做法,但客户正在付钱。

警告:咆哮


想一想。假设你是一个用户,当你在等待JS修改你的布局时,你的UI被锁定。默认情况下,你可以隐藏容器并显示加载指示器,然后使用媒体查询来切换它们

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

支持媒体查询的浏览器将立即显示容器并隐藏加载指示器。旧IE在respond.js处理媒体查询之前不会显示。这是一种移动优先的方法,因此更改正文宽度没有任何区别。Head吸取的教训第2课:移动优先方法在需要支持时不起作用rt IE8。(注意:加入respond.js并不支持IE8,它只是让IE8变得更不可用)。听爱尔兰先生的话-我知道好的做法,但客户支付了钱。黑客但有效且有创意的解决方案。我最终用它制作了一个js探测器。谢谢!
.container {
    display: none;
}
.loading {
    display: block;
}
@media (min-width: 1px) {
    .container {
        display: block;
    }
    .loading {
        display: none;
    }
}