javascript - レイアウト div の幅を変更した後に layout.sizePane("west") を設定する

Question

内部に2つのdivがあり、1つは西ペイン、もう1つは中央ペインにあるコンテナdivのレイアウトを作成しています。現在、コンテナdivの幅を変更してから、コンテナdiv全体を埋めるために「西ペイン」サイズを設定しようとしています、期待どおりに機能していません。これは私が試したものです。

<div  id="ResizeDiv" class="ui-layout-pane" style="width:700px;height:500px; background-color:red;">
<div class="ui-layout-west " style="background-color:yellow;">West</div>
<div class="ui-layout-center" style="background-color:pink;" >center</div>
</div>

$(document).ready(function () {
                var myLayout = $('#ResizeDiv').layout({ applyDefaultStyles: true, resize: true });
                $("#changeWidth").click(function () {
                    $("#ResizeDiv").css("width","900px");
                });
                $("#westPaneWidth").click(function () {
                    myLayout.sizePane("west", 800);
                });
            });

これが実用的なフィドルのサンプルです。最初に「コンテナの幅を変更」ボタンをクリックすると、赤い背景でコンテナの幅が変化するのがわかります。次に「西ペインの幅を変更」ボタンをクリックすると、西のペインは幅を変更してコンテナを埋めるようになっていますが、そのようには機能しません。 、これで私を助けてください。