固定大小的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
});

如果高度很大，一切看起来都很好：

降低高度后，西窗格宽度减小（甚至超过垂直滚动条的宽度），而垂直div保持在同一位置：

有任何想法如何解决这个问题？添加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/

这不是一个好方法。如果窗格的高度因其他原因（例如可重新调整大小的文本区域）而发生更改，则问题将再次出现。