问题标签 [jquery-layout]

我正在尝试创建嵌套图层。我希望在我的中心层内有两列（西和东）。我知道我似乎可以只拆分并做西列和东列而不是中心，但我需要稍后在此页面上做更多需要嵌套层的操作。

我使用过 jquery-layout，但之前没有嵌套过。

这是我到目前为止所拥有的。

编辑：

我改变了它，所以现在我试图在中心内的东南西北。这更容易理解，然后将中心拆分为 2。

http://jsfiddle.net/dan_vitch/gD97N/1/

我正在开发一个从 Facebook 获取数据的 Meteor 应用程序，我想使用 jquery-layout 进行演示。我怀疑在尝试使用 jquery 修改响应式模板中的 HTML 时可能会有一些“微妙之处”，所以我设置了一个相对简单的测试用例，类似于这样（为了简洁起见）......

Template.mainTemplate.userInfo 返回 Session 变量的内容，该变量以默认值开头，并使用来自 Facebook 的信息异步更新。

Template.mainTemplate.layItOut 使用回调 fcn 设置对 Meteor.defer 的调用，该回调 fcn 实际执行 5 行 jquery-layout 代码。

这似乎工作得很好......

• 初始显示符合预期/预期（尽管有一段短暂的时间没有布置页面）

• 对响应式上下文的任何更新都会导致重新执行布局（再次，w/brief-but-visible re-layout）

那么，我为什么要发牢骚呢？大多数情况下，我想找到一种更简洁的方法来消除明显的重新布局活动。

我可以使反应式上下文更加细化，但我不确定这是否真的有帮助。

或者，我想我可以尝试直接控制渲染（例如，通过 Meteor.ui.render() ，但这听起来需要做很多工作 ;-)

我想我真正想要的是

a) 一种挂钩 Meteor 渲染事件的方法

或者更好

b) 一种将查询布局连接到模板的更简洁的方法

想法？

我无法设置 jquery-layout 插件的选项。默认渲染正确，但选项不正确。我尝试在准备好的文档上设置可调整大小和可滑动，但是当我警告可调整大小时它返回 false。谁能发现这里出了什么问题？

js：

html:

我正在使用jQuery UI 布局插件，并且在 Firebug: 中不断收到此错误$('body').layout is not a function。我在 IE8 及以下版本中也遇到了同样的错误。

显然，这是由我在脚本文件中启动布局 UI 的行引起的：

有没有办法防止出现这个错误？我很确定我需要 BODY 选择器才能运行这个特定的插件。

**解决方案* *

正如下面有用的答案所说，我有这行：$('body').layout({ *options here* });在我包含我的 jQuery 和 jQuery UI 布局插件文件之前。一旦我把这body.layout两个包含项之后，错误就消失了。

我有以下问题：我将 Slickgrid 与 jquery 布局结合使用。可以使用此插件调整窗格的大小。当我调整 Slickgrid 窗格的大小时，会出现一个水平滚动条，起初不存在，我无法一直滚动到底部。

我创建了一个 jsfiddle 来演示：http: //jsfiddle.net/uNMRT/2/

重现步骤：

1. 确保 slickgrid 窗格没有水平滚动条。
2. 一直滚动。（效果很好，你可以查看记录 119，最后一个）
3. 使用垂直拆分器调整 slickgrid 窗格的大小。确保将 slickgrid 区域缩小以显示水平滚动条。
4. 再次向下滚动。请注意，您无法完全向下滚动。现在看不到记录 119。

我已经在调整大小时做了一个 resizeCanvas：

这显然是不够的。有任何想法吗？

当我将图像拖放到 jquery 布局的一部分上时，我正在使用 jquery 布局插件并创建嵌套布局，第一次可以正常工作，但第二次无法正常工作。

我在图像的拖放功能上使用以下代码 - $("#mainContent").empty(); $("#mainContent").layout(DashboardGenerator.layoutSettings_Inner);

这是我正在尝试做的事情

http://jsfiddle.net/YSBGu/

您会注意到，当试图将左列中的 div 拖到中间部分时，它会停留在左侧并滚动它。有人能帮我解决这个问题吗？

我是流星和 jquery 布局的新手。

我正在努力寻找如何使两者一起工作。我添加了 jquery 和 jquery-layout 包。我相信我需要在某个阶段要求 jQuery 布局来布局页面，但是什么时候呢？如果我在 HTML 页面中执行此操作，我会收到消息“/UI 布局初始化错误/中心窗格元素不存在。/中心窗格是必需元素。”。我认为这是因为流星还没有加载任何模板。该示例基于流星默认应用程序。我在东窗格中添加了一个额外的模板。并粘贴在 jQuery 布局脚本中。

那么我应该在哪里、何时以及如何布局我的页面呢？

让 jquery ui 布局插件和两个可排序的列表元素仅在一个方向上拖放。请参阅示例： http: //layout.jquery-dev.net/demos/droppable.html 每个列表都在不同的窗格中。

无论我将属性 connectWith: "ul" 设置为每个可排序列表，我都无法让元素拖放到任一列表。

默认情况下，jquery 布局插件有一个设置，其中北面板和南面板是浏览器窗口的全宽，使东面板和西面板垂直更小，因为它们必须适合南面板和北面板。

我想为侧面板设置更多垂直空间：北面板将是全宽的，但南面板将位于东西方之间，如果打开任何侧面板，宽度就会缩小。换句话说，侧板应该一直到底部。

是否可以像这样配置 jquery 布局？我在文档中找不到任何相关内容，而且我正在使用大部分未记录的 1.3 Release Candidate 版本。