创建嵌套层 Jquery-Layout

Question

我正在尝试创建嵌套层。我希望在我的中心层内有两列（西和东）。我知道我似乎可以只拆分并做西列和东列而不是中心，但我需要稍后在此页面上做更多需要嵌套层的操作。

我使用过 jquery-layout，但之前没有嵌套过。

这是我目前所拥有的。

编辑：

我改变了它，所以现在我试图在中心内的东南西北。这比将中心拆分为 2 更容易理解。

http://jsfiddle.net/dan_vitch/gD97N/1/

Answer 1

我让它在 VS 中工作，但 jfiddle 不喜欢它：

html:

<div class="ui-layout-north master-header">
    <h1>header</h1>
</div>
<div class="ui-layout-center" id="mainContent">
    <div class="ui-layout-north"> Inner - North</div>
    <div class="ui-layout-south"> Inner - South</div>
    <div class="ui-layout-west">  Inner - West</div>
</div>
<div class="ui-layout-south master-footer">
    <h1>footer</h1>
</div>

jquery:

$(document).ready(function(){
    outLayout = $('body').layout({
        defaults: {
           applyDefaultStyles: true
        }
    });

    innerLayout = $("#mainContent").layout({
        defaults: {
            applyDefaultStyles: true
        },
        center: {
            paneSelector:"#mainContent"
        }
    });
});