问题标签 [jquery-layout]

第一件事。在处理原始 CSS 以生成复杂的页面布局时，我一直在苦苦挣扎。随着浏览器供应商朝着不同的方向发展，情况变得更加复杂。好吧，现在已经无法改变了。

所以经过很多努力，我开始寻找：

1. 一个所见即所得的编辑器，它可以接收内容并允许我定义所需的布局并神奇地生成支持大多数最新浏览器的 CSS，同时还考虑到布局的流动性和流动性属性
2. jQuery 插件，它可以处理内容排列的复杂性，同时只接受所需布局的输入。

第一个任务我找不到任何东西。我想知道那里是否有这样的所见即所得编辑器。有许多 CSS 编辑器，但它们并不抽象原始 CSS。需要彻底了解 CSS，恕我直言，需要这样一个编辑器。记事本或常规 IDE 就足够了。

对于第二点，我在stackoverflow上遇到了这个线程。现在这让我陷入了丰富的问题​​（顺便说一句，这不是一件坏事）。这篇文章有几个 jQuery 插件的链接。他们之中有一些是：

• jQuery UI.Layout 插件
• jLayout jQuery 插件
• 对接布局管理器

我正在寻找可能使用过其中一种或多种的人的评论和建议。插件的简单性很重要，同样重要的是灵活性（插件不应该是限制性的。

坦率地说，我想将大部分 CSS 工作转移到一个工具上。

我在我的一个项目中使用 jQuery 布局插件和 jqGrid 插件，它们工作得很好，除了一个小问题......

我希望 jqGrid 完全填满包含它的窗格（jQuery 布局窗格）。调整窗格大小应该调整 jqGrid 的大小，关闭窗格应该隐藏 jqGrid 等。

jqGrid 和 jQuery Layout 都提供回调，但是当我使用它们时，页面布局会严重中断。

有没有人将 jqGrid 与 jQuery Layout 混合使用的经验？

1. http://www.secondpersonplural.ca/jqgriddocs/index.htm
2. http://layout.jquery-dev.net/

我正在使用 jquery 布局插件并且有以下情况我找不到解决方案。如何通过将 div 拖动到底部边框之外来使中心窗格永久增加其大小。

我有一个左窗格和一个中心窗格。当用户单击左窗格时，我会动态生成 div。div 被生成并放置在中心窗格上。div 是可拖动和调整大小的。在可见的中心区域拖动和调整大小时一切正常。当我将 div 拖到底部之外的那一刻，中心窗格上的滚动条就会出现，并且中心窗格似乎正在扩展以适应拖动的 div 的新位置。但是当我尝试调整 div 的大小或添加另一个 div 时，它会跳转到 div 的顶部并重置滚动条。我检查了萤火虫中的中心 div 高度，即使在将新 div 拖到底部之后，它在初始化时也保持在相同的高度。

这是测试页面的html代码。

只需完全复制/粘贴到 html 页面中。在左侧窗格中，单击“添加新”按钮将添加可拖动和调整大小的新 div。

1. 点击“添加新”
2. 将新添加的 div 拖到中心窗格底部之外。
3. 中心窗格按预期显示滚动条。
4. 如果您在萤火虫中检查中心 div 的高度，它不会改变
5. 现在尝试通过拖动手柄来调整新添加的 div 的大小
6. 它跳到顶部，中心框失去滚动条。

我无法粘贴完整的 html 页面，所以这里是对该线程底部代码的引用 http://groups.google.com/group/jquery-ui-layout/browse_thread/thread/ca922aa44c0048ee

这是测试链接http://jsfiddle.net/yZc63/

我正在使用 UI.Layout，试图创建类似于 ExtJs 布局的行为：在关闭/打开水平窗格时，调整大小应该被隐藏并以幻灯片效果重新出现。

这在窗格关闭时很容易，因为效果在onclose事件之后出现，但是我在打开窗格时应用相同的行为时遇到了严重的困难。

由于onopen触发器的事件与调整器上应用的效果无关，因此我找不到延迟窗格打开的方法，直到调整器幻灯片完成。

以下是相关代码：

这里有什么问题？

早上好，

调用 sizePane() 后，jQuery UI 布局似乎正在重置我的选项。当我将以下内容加载到 FireFox 中，然后单击“调整大小”按钮时，北窗格突然变得可调整大小，并且热键突然再次启用。我做错了吗？或者这是一个错误？

好的，我正在请求它，我知道。请多多包涵。

我有一个嵌入在一些表格行标签之间的 <form> ，如下所示：

我知道这是表单标签的非法放置，但我尝试过的所有浏览器都会允许它。我无法控制此代码的设计，所以请多多包涵。

当我使用 JQuery 和 JQuery UI.Layout 插件加载此页面时（请参阅http://layout.jquery-dev.net/index.cfm），表格标记所包含的表格行不再呈现. 我假设因为表单本身没有任何显示属性，所以 JQuery 或 UI.Layout 插件会强制这些行继承缺乏显示的情况。

Firebug 将这些行显示为灰色并在表单标记下方缩进一级，这与我认为的（缺少）显示相对应。有趣的是，当我不使用任何 JQuery 内容时，Firebug 将这些行显示为未缩进，而是在与包含它们的表单标记相同的级别（当然它们没有变灰）——哦，我也只是注意到在这种情况下，Firebug 甚至根本没有显示结束表单标记。

我不确定是 JQuery、UI.Layout 插件还是我用 JavaScript 完成的东西导致了这种情况，我还在四处寻找，但这些库中有很多代码，所以我真的如果有人有任何指示，请感谢指点。

有没有办法防止这种情况发生，或者可能强制这些表格行进行一些显示？也许表单标签需要在其上放置一些显示属性，以便这些行继承它？

我是符合标准的代码的大力倡导者，但有时老板就是不听。因此，如果您只有这些，请保留“修复您的代码”注释。我很感激，但这不是我在这里要问的。

我使用 JQuery 布局功能来构建我的应用程序的骨架。

布局有北面板，即可以隐藏的标题，以便内容区域有更多空间。

由于标题面板还包含图标栏，我只希望图标栏在标题隐藏时可见。

有没有办法通过在使用 UI 布局创建布局时设置任何属性来实现这一点。

这是布局的图像，其中隐藏标题仍应显示图标，但仅在顶部隐藏蓝色条。

问候，

萨提亚

我想使用 jquery 在 html 元素之间绘制平滑线。Jquery 是否有任何插件可以使用 Jquery 绘制平滑线？我使用过 SVG 插件，但 IE7、IE8 不支持它。我也用 div 画线，但它有很多锯齿。

任何想法都会受到欢迎。插件至少应支持 IE7 和 greter 版本、Mozila 和 crome。谢谢。

http://servut.us/akx/stackoverflow/jquery-canvas-lines.html 我想像上面的链接一样。但是上面链接的问题是它在 IE 7,8 中不起作用。

我第一次使用 jquery 布局。

我让它使用默认值工作：

但我想禁用部分的关闭

我现在只有基本的 html：

我正在尝试做两件事

1）去除部分之间的边界（目前灰色区域）

2）删除光标周围的区域（你应该只看到'<'或'>'而不是它周围的黑暗区域

这是我当前的代码

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