使用jQuery在页面加载时隐藏内容

Question

您好我在页面加载时制作了以下代码来隐藏内容。但它在隐藏之前显示隐藏内容一段时间。我不希望访客看到内容甚至一秒钟。

我该怎么办？

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

Answer 1

发生这种情况的原因是因为内容在javascript有机会加载和执行之前加载。 $(document).ready()确保在执行之前加载并准备好DOM，这可以确保有一些元素可供您使用，但也会导致延迟。

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

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

Answer 2

把它放在你的CSS中（并将其从jQuery中取出 -

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