javascript - 应用脚本，无加载延迟

Question

我正在使用一个小的 JavaScript 片段将底部边缘与一个小侧边栏部分(“现在热门”)与我正在开发的网站上的特色图像部分的底部边缘对齐。

只有在整个页面加载完毕后，脚本才会启动，因此，我尝试对齐的部分会稍微跳转。我应该如何修改脚本以使其立即对齐？

这是我正在使用的代码片段:

<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 包装器，并将脚本 block 放在要操作的 HTML 元素之后。您不能在此之前运行它，因为您的目标 HTML 需要位于页面中。