UI.Layout jquery插件

Question

我在配置jquery UI.Layout插件时遇到了一些困难.当我阅读文档时,这一切似乎都很简单但是......事情不起作用.

我正在使用当前版本的插件1.3.0,我相信,和谷歌cdn 1.5.1的jquery.对于jquery ui,1.8.10,如果重要的话.

首先,当页面加载时我会弹出一个弹出窗口:

布局容器"DIV/#content"没有高度.因此布局是0高度,因此'隐形'!

这似乎是一个合理的错误消息所以我修改了我的CSS以提供#content {height:100%;}并清除了浏览器缓存但是没有,问题仍然存在.

第二个问题:虽然尺寸调整杆实际上是存在(我可以看到它在萤火虫,有了它,只要我知道它是在交互),似乎应该有与库样式尺寸调整部分匹配CSS文件.然而,UI.Layout页面上的演示似乎没有任何CSS,它们工作正常!例如,我想要的就是这样的,http://layout.jquery-dev.net/demos/example.html,当我查看源代码时,没有样式或没有包含css.

我错过了什么？

Answer 1

这真的很难记录.我在墙上敲打着我的头,直到我尝试了这个....你需要设置一个CSS规则,明确说明你的"容器"的垂直高度..或者那个烦人的警报会春天出来..很可能你的南方窗格不会出现......希望这会有所帮助!

html, body, #myContainer { 
    width:  100%; 
    height: 100%; 
    overflow: hidden; 
}