使用javascript / jquery,有没有一种方法可以停止加载网页的其余部分,直到加载标头部分?

问题描述 投票:0回答:2

我有一个标头(内部有视频),并且标头是使用插件构建的(我在WordPress上)。在移动设备上查看网站时,标题部分需要花费一些时间来加载,在此期间,其余内容将填充空白区域。头文件最终装入后,所有内容将按照其应有的方式重新对齐(整个过程大约需要4秒钟)。

但是,客户端希望仅在页眉存在之后才加载页面的其余部分。是否有一些我缺少的javascript / jquery方法?谢谢。

假设页面是通过这种方式构造的:

<html>
<head>...</head>
<body>
<section class="header">...</section>
<section class="section1">...</section>
<section class="section2">...</section>
<section class="section3">...</section>
</body>
</html>
javascript jquery
2个回答
0
投票

如异端猴的建议,使用jQuery's ready()功能。

一个基本的实现是将您的节类更新为display:none,然后在此页面的脚本中:

$(document).ready(function() {
  $(".section1).show();
  $(".section2).show();
  $(".section3).show();
});

我相信show()的默认实现是设置display:block,因此,如果您想要该属性的其他值(如inline,则可以通过选择器手动设置该值,例如:

$(".section1").attr('style', 'display:inline'); 

0
投票

怎么样?

$(".header").ready(function(){
  $(".section1).show();
  $(".section2).show();
  $(".section3).show();
})
© www.soinside.com 2019 - 2024. All rights reserved.