隐藏内容在页面加载与jQuery


Hide content at page load with jQuery

嗨,我编写了下面的代码来隐藏页面加载时的内容。但在隐藏之前,它会显示隐藏的内容一段时间。我根本不想让访问者看到内容,哪怕是一秒钟。

我能做什么?

$(document).ready(function() 
{
    $('#orderbody').hide();
    $('#reset').hide();
    $('#orderside').hide();
});

把它放到你的CSS中(并把它从jQuery中拿出来)-

#orderbody, #reset, #orderside {
    display: none;
}

发生这种情况的原因是因为内容在javascript有机会加载和执行之前就加载了。$(document).ready()确保在执行之前加载DOM并准备好,这确保那里有元素供您处理,但也会导致您的延迟。

在CSS中为这些元素设置" display:none "属性,而不是通过JQuery隐藏它们:

#orderbody,
#reset,
#orderside {
    display: none;
}