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，但我个人不建议使用此解决方案。

调整另一个元素大小时调整元素大小

1 个答案: