javascript - 调整另一个元素的大小时调整元素的大小

Question

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

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

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

我的问题是，当#top 改变高度时，我无法找到调整#container 大小的方法。我试过使用$("#topRow").resize(function() { })，但似乎这不适用于元素。

Answer 1

#top当' 的高度发生变化时，您必须捕捉每个事件。

如果在您调整窗口大小时发生这种情况，那么您应该将您的逻辑绑定到window.resize，因此问题中的代码应该可以工作。

#top如果在改变高度时还有其他事件，那么你也应该在那里绑定逻辑。

更新：在您提到的评论中，有一个多选字段，可以使#topRow元素更改其高度，因此这是一个事件，您可以将逻辑添加到该事件中。

注意：还有另一种选择。您创建一个setInterval定期检查大小#topRow并在#container必要时调整大小，但我个人不推荐此解决方案。