Javascript 调整另一个图元的大小时调整图元的大小

我正在使用jQuery调整窗口大小时的元素大小，方法是：

$(window).resize(function() {
  topHeight = $("#top").height();
  height = $(window).height() - 210;
  $("#container").height(height);
  $("#g").height(height-25);
});

topHeight将获取顶部栏的最新高度，因为它可以重新排列

---

我的问题是，当顶部改变高度时，我无法找到调整容器大小的方法。我尝试过使用

$（“#topRow”）.resize（function（）{}）

，但这似乎对元素不起作用。

当

#top

的高度发生变化时，您必须捕捉每个事件

如果在调整窗口大小时发生这种情况，则应将逻辑绑定到

窗口。调整大小

，以便问题中的代码能够正常工作

如果当

#top

更改其高度时还有其他事件，那么您也应该在那里绑定逻辑

更新：在您提到的注释中，有一个多选字段，可以使

#topRow

元素更改其高度，因此这是一个事件，您可以将逻辑添加到该事件中

---

注意：还有另一个选项。您可以创建一个

setInterval

，定期检查

#topRow

的大小，并在必要时调整

#容器的大小，但我个人不建议使用此解决方案。
如何将逻辑绑定到该容器可能存在重复$（“#topRow”）.resize（）似乎没有任何作用当
#topRow
的高度发生变化时？当浏览器的宽度发生变化或在自定义的多选字段中添加了太多项目时，它会发生变化。@Dyne因此，有两个事件：窗口大小调整，以及在多选字段中添加项目时。您必须分离容器高度更新程序逻辑，并将其添加到这两种情况中。@Dyne在答案中添加了另一种解决方案作为注释，但我不建议这样做。