javascript - 使所有列表项与最高项的高度相同

Question

我正在创建一个测验，每个问题输出 4 个列表项，每个问题的答案高度不同...

我想编写一个脚本来运行并将所有 div 设置为与最大的相同高度...

只有当我的答案有图像时，我才会有以下内容，它会在图像加载完成之前计算 hiehgt，然后设置高度，所以它相当有问题，有人能看到我写这个的更好方法吗？

function resizeAnswers(){
    var maxHeight = 23;

   $('.text-answers li').each(function() {
     maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
   });

   $('.text-answers li').each(function() {
     $(this).height(maxHeight);
   });
}

Answer 1

要等到所有图像都加载完毕，请在窗口完成加载时调用您的代码:

$(window).load(function() {
   resizeAnswers();
});

请注意，这将等待所有图像加载，这可能是一个问题，具体取决于您网站的性质。如果这是一个问题，您可以等待列表项中的图像加载，但这更复杂。

还有，你有这个:

$('.text-answers li').each(function() {
   $(this).height(maxHeight);
});

但这会做同样的事情:

$('.text-answers li').height(maxHeight);

jQuery 会愉快地将大多数操作应用于一组元素。