創建嵌套圖層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" 
     } 
    }); 
});