我希望隐藏页面上的所有内容,直到页面加载完毕.我看过很多帖子,尝试过不同的东西.最常用的解决方案是
<body style="display:none;">
然后运行jQuery在窗口加载时再次显示它
$(window).load(function() {
$("body").fadeIn("slow");
});
我有一个问题,因为页面依赖于JS来显示任何内容.我很欣赏这是一件罕见的事情,但感觉不对.
理想情况下,我想使用jQuery添加display:none css
然而...
问题是我添加的时候
$(document).ready(function {
$(body).css('display', 'none');
});
即使这需要一段时间才能运行,并且页面在手边闪烁着内容.
有没有更好的办法？
我可以在没有document.ready的情况下使用上面的脚本(尝试过,但没有工作)
谢谢.
要使用javascript隐藏它,请在BODY标记声明后设置脚本:
<body>
<script>document.body.style.display = "none";</script>
这样,如果禁用了javascript,仍会显示BODY
尝试这个
$('#domelement').css('opacity', 0);
$(window).load(function() {
$('#domelement').css('opacity', 1);
});
将“domelement”替换为您想要隐藏直至加载的 DOM 元素的选择器