我可以使一個JQuery UI佈局在列中居中

Question

我是JQuery UI的新手，我已經獲得了佈局一直到頁面邊緣的基本示例。我想要的是這種佈局，但內容位於居中的列中，並且您可以在每側看到背景顏色。所以我添加一個div到外面有一些非常簡單的CSS，就像這樣：

.frame 
{ 
    width:900px; 
    margin:0 auto; 
} 

<div class="frame"> 
    <div class="ui-layout-north"> 
    </div> 
    <div class="ui-layout-center"> 
    </div> 
    <div class="ui-layout-east"> 
    </div> 
    <div class="ui-layout-west"> 
    </div> 
    <div class="ui-layout-south"> 
</div> 

唉，而不是像一個正常的div的工作，我得到一個彈出窗口，上面寫着：

UI佈局初始化錯誤

中央窗格元素不存在。

中心窗格是必需的元素

爲什麼會這樣，我怎麼能解決這個問題？

先謝謝了，請記住，我可能會犯一個非常糟糕的錯誤。 :)

Answer 1

這可能是你還是申請layout()到文檔正文：

$("body").layout({ 
    // options... 
}); 

在這種情況下，佈局引擎將無法找到窗格中的元素，因爲它們不存在於身體本身。一個解決方案是適用layout()到您的包裝<div>元素代替：

$("div.frame").layout({ 
    // options... 
}); 

Answer 2

根據您的最終目標，你可能會想嘗試扭轉這種 - 放，將中心內部#ui-layout-center你的佈局，並給它margin: 0 auto;股利。