使用sizePane调整大小会在jquery-ui-layout中生成错误的动画

Question

我有两个嵌套的布局mainLayout和westlayout，如下所示：

 ____________________________
|        |                  |          
|        |                  |          
|  W-C   |                  |
|        |        C         |
|________|                  |
|        |                  |
|  W-S   |                  |
|________|__________________|

主要布局由两个窗格（西部和中部）组成。 westlayout还包括两个窗格（中心和南部）。

现在我在mainLayout的西部窗格中添加了一个自定义切换器，其中mainLayout.sizePane("west", x)其中x可以是40或300，具体取决于窗格的状态。

初始状态是所有面板都像这样打开：

当我第一次点击切换器时，完整的西部窗格将动画为40px宽度，这是正确的。州现在看起来像这样：

现在如果我再次点击切换器，疼痛应该回到其初始（300px）宽度。我再次在主布局上使用sizePane("west", 300)。这将基本起作用，但在从40px状态到300px状态的动画期间，由于某种原因，只有西南窗格是动画的，并且在西南窗格完成动画之后，西中窗格“弹出”回到300px。

在动画期间，它看起来像这样：

窗格的layoutOptions非常默认。以下是与默认值的区别（每个窗格都相同）：

{
            paneSelector                : '.' + $container.attr('class'),
            minSize                     : (subRegion.minSize>0) ? subRegion.minSize : 0,
            size                        : (subRegion.size>=0) ? subRegion.size : "auto",
            initHidden                  : subRegion.hidden,

            fxSpeed                     : 200,
            animatePaneSizing           : true,
            spacing_open                : 3,
            spacing_closed              : 3,
            triggerEventsDuringLiveResize : true,
            resizerDblClickToggle: false,
            onresize                    : onResize,
}

• 使用sizePane嵌套布局时，我是否需要注意哪些内容？
• 我是否错过任何对子布局或其他内容的调用？