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),然后让您的逻辑立即显示所有相关元素。