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

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改变高度时还有其他事件，那么你也应该在那里绑定逻辑。

更新：在你提到的cmets中有一个多选字段，它可以使#topRow元素改变它的高度，所以这是一个事件，你可以添加你的逻辑.

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