Javascript 等高跳水

：）我有一个小问题：

我有一个div，里面有两个div，一个挨着另一个。在调整大小时，左侧的一个改变其高度以保持其与宽度的关系，我希望右侧的一个与左侧的一个具有相同的高度；我在文档末尾的jQuery中有以下代码：

<script>
     $("#right").css("height",$("#left").height());
</script>

$（“#右”）.css（“高度”，$（“#左”）.height（））；

左边的一个有一些内容（它的高度）需要一些时间才能加载，因此，在这个代码中，当我加载页面时，右边的一个有0px的高度，我认为这是因为左边的一个在代码运行时没有加载内容。那么，我应该做些什么来确保在左代码加载内容时运行代码？而且，如何使代码在每次左侧的高度更改时刷新

虽然该代码不起作用，但我用该代码创建了一个函数（称为equalize），然后用onclick=“equalize（）”创建了一个按钮，当我按下按钮时，右边的高度得到左边的高度..-

试试这个：

<script>
  $(document).ready(function(){
     $("#right").css("height",$("#left").height()+"px");
  });

</script>

$（文档）.ready（函数（）{
$（“#右”）.css（“高度”，$（“#左”）.height（）+“px”）；
});

使用jQuery的方法并等待

load

事件触发：

$(window).on('load', function(){
    $("#right").css("height", $("#left").height().toString() + "px");
});

---

load

事件在其资源子集（如图像）全部加载后激发。通过将其附加到窗口，这将等待在执行该功能之前加载所有页面资源。

根据您共享的信息，如果您只是希望两个

在调整窗口大小时具有相同的高度，不需要使用jQuery-只需在父级高度的%中为两个div指定相等的高度即可

<div id='container'>
    <div id='left'></div>
    <div id='right'></div>
</div>

像这样的

---

我错过什么了吗？使用jQuery有什么理由吗？请在下面发表评论。

我建议您使用这些函数来均衡两个或多个div：

var maxHeight = 0;

$(".test").each(function(){
   if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});

$(".test").height(maxHeight);

---

好的，谢谢大家的回答，但如果有人遇到这种情况，下面是我如何解决的：

左边的高度和宽度的50%有关。因此，由于宽度随整个文档一起加载，我将此js（带jQuery…）放在下面：

而且。。。就这样：）

---

感谢（让我意识到这一点的人）和所有回答：D不起作用的人：（你能读一下主要问题中的think I just edit并告诉我为什么会这样吗？谢谢，兄弟：你把代码放在哪里了？你有没有试着把它添加到标签前的底部。你需要并排divs，并希望两者始终具有相同的高度，是吗？嘿，Til！：）感谢您的回答，但实际上左边的一个有一些东西，使它具有宽度和高度，并且，为了保持响应性设计，当宽度变化时，高度保持关系…@LuisGallego高度如何随宽度变化？您是否为此编写了代码？如果是，您应该与问题分享。除非是图像，否则这是正常情况下不会发生的。。

var maxHeight = 0;

$(".test").each(function(){
   if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});

$(".test").height(maxHeight);

$("#right").css("height",$("#left").width()/2);