固定大小的UI佈局窗格在IE中更改大小9

Question

我使用jQuery UI Layout插件，我看到固定寬度的窗格在縮小窗口高度後更改寬度。我只在IE 9中看到這一點（當運行Microsoft VM時）。

var myLayout = $('body').layout({ 
    applyDefaultStyles : true, 
    closable : false, 
    resizable : false, // <-- fixed size 
    west__size : 200 // <-- fixed size 
}); 

如果高度大，一切都看起來不錯：

降低高度後，西部面板寬度減少（甚至比垂直滾動條的寬度更大），而垂直格留在同一個地方：

任何想法如何解決這個我ssue？添加myLayout.sizePane("west", 200);改善了外觀，但沒有解決問題。

代碼：http://jsfiddle.net/getvictor/2xE5f/

Answer 1

您可以通過改變尺寸並再次更改它強制爲west窗格正確的尺寸。

myLayout.sizePane("west", 201); 
myLayout.sizePane("west", 200); 
$(window).resize(function() { 
    myLayout.sizePane("west", 201); 
    myLayout.sizePane("west", 200); 
}); 

http://jsfiddle.net/pTD2H/

這不是一個很好的修復。如果窗格的高度因其他原因而改變（如重新設置大小的textarea），問題將再次出現。