爲什麼jquery-ui可調整寬度的div與「alsoResize」？

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

這似乎很好地工作

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

改變/調整您的兩個div的高度時，這隻會在窗口寬度/高度改變運行，而不是，因爲它並不需要運行然後。