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