Javascript测量多个Div高度

Javascript to Measure Multiple Div Heights

本文关键字：Div 高度 测量 Javascript      更新时间：2023-09-26

我正在尝试用jQuery构建一个手风琴菜单，但我遇到了跳跃的动画。跳跃是由于没有为div设置高度引起的。我的问题是，每个div将根据内容有不同的高度;所以问题是，我如何使用javascript来查看每个div类'submenu'，测量它的高度，并设置它。

到目前为止我写的是:

$('.submenu').each(function() {
  var divh = $(this).height();
  $(this).css('height', divh + 'px');
});

我遇到的是，它似乎只测量一个。submenudiv并将它们全部设置为该高度。想法吗?提前感谢!

相信我找到问题了。我将上述脚本放在$(document).ready()函数中，该函数只加载DOM并随后测量DOM。将其移动到$(window).load()函数中，该函数允许它查看内容，然后测量高度。需要说明的是，.submenu类div是accordiondiv。

$(window).load(function(){
  $('.submenu').each(function() {
    var divh = $(this).height();
    $(this).css('height', divh + 'px');
  });
  $('.submenu').hide();
});

假设它是这样的:

$('.submenu').each(function() {
  var divh = $(this).height();
  $('.divClass').css('height',  $('.divClass').height() + divh + 'px');
});

您需要始终将当前div高度添加到您的手风琴div

相关文章：