如何在jQuery布局插件中拆分窗格？

我正在使用jQuery布局插件创建一个包含北、南、西、东和中窗格的页面。例如，我想在布局启动后将西窗格拆分为两个窗格（西北和西南）

---

但是我在API中没有找到任何可以拆分窗格的函数！有什么想法吗？

您可以使用嵌套窗格。该插件支持通过childOptions进行无限嵌套

我建议对子窗格进行唯一命名

   <div id="mainContainer">
        <iframe class="ui-layout-center" id="someiframecontent-right">Center Right content</iframe>
        <div class="ui-layout-west">
            <div class="ui-layout-childsouth">North West content </div>
            <div class="ui-layout-childcenter">South west content </div>
        </div>
    </div>
    <script type="text/javascript">
        $('#mainContainer').layout({
            west__minSize: 100,
            west__size: 0.5,
            west__maxSize: 0.9,
            center__minSize: 100,
            center__size: 0.5,
            center__maxSize: 0.9,
            livePaneResizing: true,
            west__childOptions: {
                center__paneSelector: '.ui-layout-childcenter',
                center__minSize: 100,
                center__size: 0.5,
                center__maxSize: 0.9,
                south__paneSelector: '.ui-layout-childsouth',
                south__minSize: 100,
                south__size: 0.5,
                south__maxSize: 0.9,
                livePaneResizing: true
            }
        });
    </script>

中右翼内容
西北内容
西南内容
$（“#主容器”）。布局({
west__minSize:100，
west___尺寸：0.5，
west__最大尺寸：0.9，
中心尺寸：100，
中心尺寸：0.5，
中心最大尺寸：0.9，
livePaneResizing：是的，
west__儿童选择：{
中心\窗格选择器：'.ui布局子中心'，
中心尺寸：100，
中心尺寸：0.5，
中心最大尺寸：0.9，
南窗格选择器：'.ui布局子窗格南'，
南部城市：100，
南部面积：0.5，
south__最大尺寸：0.9，
livePaneResizing：正确
}
});

---

请记住，中央窗格始终是必需的（包括在子窗格中），因为它需要填充其他窗格留下的剩余空间。

好，我获得子选项。但是，如果您想调用子选项（如sizePane）上的函数，如何引用west childoption south。所以layoutManager.sizePane（'west.south'，200）；不起作用，它表示窗格名称不正确。我得到的只是布局错误-窗格名称无效