javascript - 均衡 div 的高度

Question

:) 我有一个小问题:

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

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

左边有一些内容(赋予它高度)需要一些时间来加载，所以，使用这段代码，当我加载页面时，右边的一个有 0px 的高度，我认为那是因为代码运行时，左边一个尚未加载其内容。那么，我应该怎么做才能确保在左侧代码加载内容时运行代码？而且，每次左边的高度改变时，我怎样才能让代码刷新？

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

Answer 1

试试这个:

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

</script>