问题标签 [jquery-layout]

我将 Angularjs typeahead 指令与 jquery 布局插件结合使用。这是我正在开发的应用程序的链接。当我在输入框中输入地址时，自动完成结果列表隐藏在调整器后面。我尝试更改自动完成列表和窗格大小调整器的 z-index 属性，但似乎没有任何效果。解决这个问题的最佳方法是什么？

我需要在引导对话框中使用 jquery 布局。我尝试在一个简单的示例中使用 jquery 布局并且它可以工作：Simple_Example但是当我在对话框中使用它时它似乎不起作用。

它的 jsfiddle：带有布局的对话框。

我的 HTML：

JS：

CSS：

在使用 jQuery 布局实现 jqGrid 时，当拖动布局的拆分器时，jqGrid 不会调整大小。动态设置 jqgrid 宽度的解决方案是使用与 window 对象的 resize 事件绑定。但是对于我的情况，它在 div 中并且窗口对象宽度不受影响。请针对此问题提出解决方法。

我的 jsfiddle 代码是：示例

html

JS

CSS

我在使用jointjs 和jquery-layout 时遇到问题。我只能使用其中之一，如果我同时使用两者，则面板调整大小不起作用。有人有相同/相似的问题吗？并知道如何解决？

这根本不起作用

如果我用jointjs反转jquery-layout它可以工作，但没有调整大小。

非常感谢

I am using this jQuery splitter library because on a non-master aspx web form I am able to duplicate this example and insert gridviews, ajax tabs, etc and all the other content I need no problem. But, I am unable to do the same thing using a content page from the VS2012 ASP.NET Web Forms Site template. If anyone is aware of a better splitter option that can create a layout that can incorporate asp controls with ajax, please let me know. I have tried w2ui but I can't insert asp controls. I have also been able to insert asp controls using jeasyui and dhtml-suite. But can't get any working in the content page. Thanks for any input...

link to jquery-dev demo page

and a rough idea of what I am going for is something like this:

link to complex layout using splitters

I have been reading a lot of the other answers based on applying javascript to a content page and it seems the most straightforward method is to link to the css in the content page header and reference the javascript in the content page content section. So my master page is unchanged from the template default .

Here is the code for my content page:

When I run without without

I can at least see my divs:

But when I include the that javascript, I get nothing:

When I run a simple alert javascript like:

I get a result, so I know the javascript is running:

So, it seems something is wrong with the .layout method. If anyone can tip me off as to a good way to trouble shoot javascript (I am a newbie) that would be helpful, like writing to a label in asp.net or using a message box in C#.net.

我正在尝试使用jQuery-Layout插件创建一个 4 窗格布局。

非常基本的东西：

布局（注意我使用iframes）：

初始化：

这是一个小提琴。

更新，更简单的小提琴。

一切都很好，直到我尝试调整窗格的大小。它有点工作，但非常粗糙。拖动窗格调整大小手柄时，看起来它们与鼠标指针失去联系并停止调整大小。

如果窗格很简单divs，一切正常，但如果窗格很简单iframes（这是我需要的）。

关于如何调试这个的任何想法？

我正在使用下面链接中的布局，我正在尝试将西滑块上的光标（如果您单击它并关闭它然后将鼠标悬停在它上面）更改为默认值而不是手，但我不能为我的一生弄清楚如何改变它。有人知道吗？

http://jsfiddle.net/5EECD/375/

这个库很大，我找不到在哪里更改该区域的光标。我根本不知道有什么其他方法可以问这个问题。

我的默认值只是在提琴手中使用，但我假设这个光标必须有一些设置。

我正在使用 Almond 和 r.js 优化器将我的所有脚本组合到一个文件中，用于基于 Backbone.js 的单页应用程序。

我的构建文件：

在我的 Backbone 视图中，我初始化了 jquery-layout 插件：

窗格正确显示，但是我无法调整其中任何一个的大小。我发现$.fn.draggable（JQuery UI Draggable 小部件）在声明 jquery-layout 插件时没有被初始化。

这表明可能没有加载小部件。所以我检查了合并的源文件，注意到 JQuery UI Draggable 小部件代码出现在 jquery-layout 插件代码之前，这意味着依赖项以正确的顺序插入。在 Firebug 控制台中打印$.fn.draggable还显示该小部件可用，至少在文档准备好之后是这样。

jQuery、下划线、主干、jQuery UI 都是 AMD 模块。jquery-layout 没有 AMD 兼容性，因此使用了 shim 配置。这取决于 JQuery UI 的 ui.core 和 ui.draggable每个他们的文档。

为了让所有这些听起来不太抽象，这里有一个 jquery-layout 插件的演示。

我已经“浪费”了 8 多个小时试图解决这个问题，但任何关于如何解决这个问题的帮助都可以节省我的时间。这很可能只涉及构建文件中我的 shim 配置的一些修复。

我正在努力解决以下问题，任何提示将不胜感激。

在中心面板的 jQuery UI 布局中，我放置了一个 jQuery UI 选项卡，在此选项卡中放置了一些内容。Contents 占用的空间超过了可用空间，我希望仅在 contains 上设置滚动条div，而不是在整个选项卡上或中心面板上。事实上，我希望标签标题始终可见。

我做了什么：

• 将center__contentSelectorjQuery UI 布局中心面板设置为选项卡小部件（所以我的页眉和页脚显示正常）
• overflow: hidden在布局中心面板和选项卡小部件上进行设置
• 内容overflow: auto的设置div
• 为选项卡小部件和内容提供高度'div

最终结果看起来不错，但是无论我尝试什么，滚动条都无法显示最后一个项目。滚动到极限是不可能的。

这是一个显示它的样子的小提琴：http: //jsfiddle.net/mguijarr/288yaz15/

有任何想法吗 ？

我想在 jquery 布局面板的主（中心）面板内使用 tablesorter 表。表格的宽度工作正常，但让表格占据可用高度并不那么明显。

我有一个基于一些试验和错误的基本示例，这是基于设置 tablesorter-scroller-table 的 max-height 属性。它有点工作，但会产生不可预测的结果；有时表格高度恰好是允许高度的高度，有时还有高达 100 像素左右的边距。

有没有更可靠和优雅的方式来告诉桌子占用可用的垂直空间？