JQuery中的DIV高度问题（错误高度）

在某些页面中，我想通过JQuery使两个div具有相同的高度。一个div是侧边栏，另一个是内容部分。但我认为我的代码有一个问题。当页面中有一些图像时，由于加载缓慢，高度会出错，并且一个div会比另一个div短

我的HTML代码：

<section>
    <div class="sidebar"></div>
    <div class="content"></div>
</section>

我甚至使用了以下代码，但什么也没发生：

jQuery( window ).load(function($) {

    $(".sidebar").height($(".content").height());

});

答复:

---

正如Roko C.Buljan告诉我的，我通过CSS解决了这个问题。谢谢

我想这正是您需要的，但我仍然认为CSS是一个更好的解决方案

$(document).ready(function() {
  let contentHeight = $('.content').height();

  $('.sidebar').height(contentHeight);
});

---

使用CSS

display:flex

，不再担心加载资产、缓存资产、页面加载侦听器等问题

*{
保证金：0；
框大小：边框框；
}
.第页{
显示器：flex；
}
.侧边栏{
背景：#0bf；
}
.内容{
背景：#f0b；
弹性：1；
}

边栏
内容和图像

只是出于好奇。。。侧边栏在内容滚动时是固定的，还是？@Roko C.Buljan我试过CSS，但它帮不了我。因为我不希望侧边栏比内容长。我想知道内容的高度，如果边栏比它长，可以滚动，如果它比内容短，则保持相同的高度。@Roko C.Buljan怎么样？你会写代码吗？我试过CSS，但它帮不了我。因为我不希望侧边栏比内容长。我想知道内容的高度，如果边栏比它长，可以滚动，如果它比内容短，高度相同。你的代码和我的一样吗？您是否注意到：“当页面中有一些图像时，由于加载速度慢，高度会出错，一个div会比另一个div短”。那么，如果您不知道内容高度，您认为如何将边栏高度设置为内容？CSS显示：flex；是最好的解决方案，如果你的页面加载速度慢，那么你会遇到比边栏高度大得多的问题。我在这个新问题（）中解释了这一点，请查看我的页面以了解我的意思（）感谢你的回答，但我不希望边栏比内容长，当它出现时，它可以滚动。但通过CSS，我们无法控制这一点。我说的对吗？@Sh.Dehnavi of cource您可以使用CSS来实现这一点。在侧边栏内放置一个高度和宽度为100%的绝对

div

。设置

溢出：自动就完成了。在这种情况下，如果边栏内容比内容长，它将有自己的滚动条。但这样做毫无意义：因为这太奇怪了。我的朋友，你真的救了我。谢谢
$(document).ready(function() {
  let contentHeight = $('.content').height();

  $('.sidebar').height(contentHeight);
});