javascript - 为什么 jquery-ui resizable 将宽度分配给带有 "alsoResize"的 div？

Question

我有一组这样的 div:

<div id="body_container">
     <div id="top_body">
     </div>
     <div id="bottom_body">
     </div>
</div>

我也有这个功能:

$(function() {
   $("#top_body").resizable({handles: "s",
   alsoResize: "#bottom_body"});
});

调整大小有效，但在开始调整大小操作后，立即为 #bottom_body 分配了一个固定宽度(等于它在调整大小操作开始时的宽度)。通过 css，#top_body 和 #bottom_body 都被分配了 100% 的宽度。我希望它保持这种状态。

有没有办法阻止宽度分配？我希望允许宽度适应窗口大小调整，但是，对于我当前的问题，宽度分配修复了底部 div(但不是最上面的那个)，破坏了我的界面。

理想情况下，我正在寻找无需使用 JS 处理程序强制宽​​度回到 100% 的解决方案，无论何时我使用可调整大小的句柄。

Answer 1

这似乎工作得很好 http://jsfiddle.net/3XezL/1/

$(window).on('resize', function() {
    $('#bottom_body').css({width: '100%'});
});

这只会在窗口宽度/高度更改时运行，而不是在更改/调整两个 div 的高度时运行，因为那时它不需要运行。