javascript - 使用 javascript/jquery,有没有办法阻止网页的其余部分加载,直到加载标题部分?

标签 javascript jquery

我有一个标题(里面有视频),标题是使用插件构建的(我在 WordPress 上)。在移动设备上查看网站时,标题部分需要一些时间才能加载,在此期间,其余内容会填充空白区域。当 header 最终加载时,所有内容都会按应有的方式重新对齐(整个过程大约需要 4 秒)。

但是,客户端更喜欢仅在 header 出现后才加载页面的其余部分。有没有一些我缺少的 javascript/jquery 方法可以做到这一点?谢谢。

假设页面是这样构建的:

<html>
<head>...</head>
<body>
<section class="header">...</section>
<section class="section1">...</section>
<section class="section2">...</section>
<section class="section3">...</section>
</body>
</html>

最佳答案

这个怎么样?

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

关于javascript - 使用 javascript/jquery,有没有办法阻止网页的其余部分加载,直到加载标题部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60285896/

相关文章:

javascript - 通过 jQuery 中的对象初始值设定项设置数据属性

javascript - 将字符串从 .NET 传递到 JavaScript 变量

javascript - 当值低于前一个值时,有没有办法在 Highcharts 中动态创建情节线?

javascript - 在javascript中的文本之间切换时如何添加淡入和淡出

javascript - 基于窗口宽度的滚动淡化元素不透明度

javascript - Highcharts:如何格式化 x 轴,以便为每个 y 显示表中的实际日期/时间

javascript - 在ajax上编辑下拉值

javascript - 对于输入类型=日期,将日期显示为 dd-mm-yyyy 格式

php - 如何根据第一个 html 下拉选择自动选择由 mysql pdo fetch 填充的第二个下拉选项/类别

javascript - 根据元素属性重新排序 DIV