jquery - UI.Layout jquery 插件

Question

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

我相信我正在使用当前版本的插件 1.3.0，以及 jquery 的 google cdn 1.5.1。如果重要的话，还有 1.8.10 for jquery ui。

首先，我在页面加载时收到一个弹出窗口:

布局容器“DIV/#content”没有高度。因此布局的高度为 0，因此“不可见”!

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

第二个问题:虽然调整器栏实际上存在(我可以在 firebug 中看到它，只要我知道它在哪里就可以与它交互)，但似乎应该有一些与库匹配的 css 文件设置调整大小的样式。然而，UI.Layout 页面上的演示似乎没有任何 CSS，但它们工作正常!例如，我想要的就是这样的，http://layout.jquery-dev.net/demos/example.html ，当我查看源代码时，没有包含样式或 css。

我错过了什么？

Answer 1

这真的是记录得很差..我一直在用头撞墙，直到我尝试这个....你需要设置一个CSS规则来明确说明你的“容器”的垂直高度..或者那个烦人的警报将会出现...并且很可能您的南 Pane 不会出现...希望这会有所帮助!

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