隐藏正文直至内容加载 - 适用于 IE，但不适用于 Safari？

发布于 2024-12-10 05:14:17 字数 330 浏览 1 评论 0原文

这是一个奇怪的东西——在 IE 中工作得很好，但在 Safari 中却不行。这是我的代码：

<script type="text/javascript">
 $(document).ready(function(){
 $('body').css('display', 'block');
 });</script>

</head>
<body style="margin:0; display:none;">

目标是将正文显示设置为无，直到文档准备好为止。然后将显示属性更改为阻止。

知道我在这里做错了什么吗？

原文

Here's a weird one -- something that works great in IE, but not in Safari. Here's my code:

<script type="text/javascript">
 $(document).ready(function(){
 $('body').css('display', 'block');
 });</script>

</head>
<body style="margin:0; display:none;">

The goal is to set the body display to none until the document is ready. Then change the display property to block.

Any idea what I'm doing wrong here?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

听你说爱我 2024-12-17 05:14:17

如果您希望页面在显示之前真正准备好（也加载图像），则应该使用 jQuery 的 .load()。另一方面，你不应该用 css 隐藏正文，因为关闭 javascript 的人会认为网站刚刚崩溃了。当然，除非您正在创建 100% 依赖于 javascript 的应用程序。

回复收藏 0 原文

忆悲凉 2024-12-17 05:14:17

我可以添加某种条件代码，这样如果 javascript
未启用它会立即加载，但如果启用它会等待
显示直到文档准备好？

是的，您可以：

<script type="text/javascript">
 $(function(){
   $('body').css('display', 'block');
 });
</script>
</head>
<body>
<script type="text/javascript">
  $('body').css('display','none'); // this will execute before $(document).ready()
</script>

CAN I ADD some sort of conditional code, such that if javascript is
not enabled it loads immediately, but if it is enabled it waits to
display until the document is ready?

Yes, you can:

<script type="text/javascript">
 $(function(){
   $('body').css('display', 'block');
 });
</script>
</head>
<body>
<script type="text/javascript">
  $('body').css('display','none'); // this will execute before $(document).ready()
</script>

回复收藏 0 原文

~没有更多了~