应用脚本而不加载延迟

Question

我正在使用一个小的JavaScript代码段将底边与一个小侧边栏部分（“立即热门”）对齐，并在我正在处理的网站上使用“特色图片”部分的底边。

只有在整个p [age]加载后，脚本才会启动，因此，我尝试对齐的部分会跳转一下。我该如何修改脚本以立即对齐？

这是我正在使用的片段：

<script type="text/javascript">
$( document ).ready(function() {
  var leftheight = $(".featured-image a img").offset().top + $(".featured-image a img").height();
  var rightheight = $('#top-posts-2').offset().top + $('#top-posts-2').height();
  var heightgap = leftheight - rightheight;
  $('#top-posts-2').css('padding-top', parseInt(heightgap + 3, 10) + 'px');
});
</script>

Answer 1

删除$( document ).ready包装器并将脚本块放在要操作的HTML元素之后。您无法在此之前运行它，因为您定位的HTML需要位于页面中。