嗨,我编写了下面的代码来隐藏页面加载时的内容。但在隐藏之前,它会显示隐藏的内容一段时间。我根本不想让访问者看到内容,哪怕是一秒钟。
我能做什么?
$(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;
}