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