创建嵌套层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"
        }
    });
});