我正在使用 jQuery 在使用以下方法调整窗口大小时调整元素的大小:
$(window).resize(function() {
topHeight = $("#top").height();
height = $(window).height() - 210;
$("#container").height(height);
$("#g").height(height-25);
});
topHeight 获取顶部栏的最新高度，因为它可以重新排列。
我的问题是当#top 改变高度时，我想不出调整#container 大小的方法。我试过使用 $("#topRow").resize(function() { })，但它似乎不适用于元素。
最佳答案
当 #top 的高度发生变化时，您必须捕获每个事件。
如果它在您调整窗口大小时发生，那么您应该将您的逻辑绑定(bind)到 window.resize，这样问题中的代码应该可以工作。
如果 #top 改变它的高度时还有其他事件，那么你也应该在那里绑定(bind)逻辑。
更新:你在评论中提到有一个多选字段，可以让#topRow元素改变高度，所以这是一个事件，你可以添加你的逻辑。
注意:还有另一种选择。您创建一个 setInterval 定期检查 #topRow 的大小并在必要时调整 #container ，但我个人不推荐此解决方案.
关于javascript - 在调整另一个元素大小时调整元素大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15506968/