0

小さな JavaScript スニペットを使用して、作業中の Web サイトのアイキャッチ画像セクションの下端に、小さなサイドバー セクション (「Hot Right Now」) の下端を揃えています。

スクリプトは、ページ全体がロードされたときにのみ開始され、その結果、整列しようとしているセクションが少しジャンプします。スクリプトをすぐに調整するにはどうすればよいですか?

私が使用しているスニペットは次のとおりです。

<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>
4

1 に答える 1

2

ラッパーを削除し、$( document ).ready操作する HTML 要素の直後にスクリプト ブロックを配置します。対象の HTML がページ内にある必要があるため、これより前に実行することはできません。

于 2013-10-17T19:48:33.247 に答える