我是JQuery UI的新手,我已经得到了一个基本的示例,在那里布局一直到页面的边缘。我想要的是这个布局,但是内容在中间的列中,你可以看到两边的背景色。所以我用一些非常简单的CSS向外部添加了一个div,如下所示:
.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布局初始化错误
中心窗格元素不存在。
中间窗格是必需的元素。
它为什么要这么做,我怎么才能修好它?
事先谢谢,记住,我可能犯了一个很小的错误。:)
发布于 2011-10-23 08:19:23
可能是您仍在将layout()应用于文档主体:
$("body").layout({
    // options...
});在这种情况下,布局引擎将找不到窗格元素,因为它们不驻留在主体本身中。一个解决方案是将layout()应用于包装器<div>元素,而不是:
$("div.frame").layout({
    // options...
});发布于 2011-10-23 08:21:06
根据您的最终目标,您可能想要尝试扭转这种情况--将将您的布局集中在#ui-layout-center中的div放到margin: 0 auto;中。
https://stackoverflow.com/questions/7865072
复制相似问题