Javascript 内容在页面加载几秒钟后出现
我有一个Javascript 内容在页面加载几秒钟后出现,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个switch语句,根据返回的number显示div 正在发生的是: 用户转到URL 默认内容首先加载(不受开关影响的内容) 延迟几秒钟后,switch语句显示的div将立即显示 我试图实现的是在默认内容(.default)旁边从switch语句加载相关的div 目前的做法: var编号=50; 开关(真){ 案例(编号>=25): $('.contentOne').removeClass('dontShow').addClass('show'); 打破 案例(编号试试这个: d
switch
语句,根据返回的number
显示div
正在发生的是:
- 用户转到URL
- 默认内容首先加载(不受
开关影响的内容)
- 延迟几秒钟后,
语句显示的switch
将立即显示div
.default
)旁边从switch
语句加载相关的div
目前的做法:
var编号=50;
开关(真){
案例(编号>=25):
$('.contentOne').removeClass('dontShow').addClass('show');
打破
案例(编号试试这个:
dontShow先生{
显示:无;
}
.表演{
显示:块;
}
变量数=50;
开关(真){
案例(编号>=25):
$('.contentOne').removeClass('dontShow').addClass('show');
打破
case(number)这是由于加载DOM并在等待document.ready事件触发后进行修改而导致的未样式化内容(或FOUC)闪现。要解决此问题,您需要在默认情况下隐藏所有内容(使用CSS),然后让您的逻辑立即显示所有相关元素。