问题标签 [jquery-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
462 浏览

css - CSS - jQuery Layout & Bootstrap 3 - Z-Index 问题?

jQuery Layout 的 z-index 是 2。Bootstrap 的 modal 没有设置 z-index。

http://plnkr.co/edit/yy88iK8t3f2v3pEe5812?p=preview

z-index 应用于style属性。

FF 报告模态的 z-index 设置为“auto”。将其更改为其他任何内容不会使模式出现在布局的调整大小上方。

有任何想法吗?

0 投票
1 回答
838 浏览

jquery - 如何使用 jQuery 布局创建“侧边栏”布局?

我正在创建一个具有多个窗格的 Web 应用程序。过去我用过一些Dojo,但是对于这个项目来说太重了,所以我打算用jQuery Layout来代替。

但是,我喜欢 Dojo 的 BorderContainers 允许您使用“侧边栏”设计的方式,其中东西窗格是全高的,而不是默认的全宽南北窗格。有没有办法通过 jQuery Layout 使用或模拟这种外观?

我尝试在垂直拆分布局中嵌套水平拆分布局,但布局添加了太多填充,看起来不正确:

在此处输入图像描述

当我设置.ui-layout-pane { padding: 0 }它时更糟:

在此处输入图像描述

但是,如果有更好的方法来删除填充,那也可能有效。

资源

index.html

style.css

main.js


开发控制台样式

0 投票
1 回答
116 浏览

javascript - 从 div 到 div 的角度移动指令

我的项目有问题我有这样的事情:

http://plnkr.co/edit/deBMT5DAaoU47t4RxDhK?p=preview

在右窗格中,我几乎没有嵌套指令,最后一个指令有最大化的选项我需要在中央窗格中最大化这个指令,可能我想填充空的 div 父 div 隐藏。我需要这样的东西,因为我在指令中有数据,我需要显示和 jquery 插件等等。但我不知道有人如何帮助我?

0 投票
1 回答
509 浏览

javascript - 如果没有 JQuery UI 布局可以显示,则隐藏北面板

我有一个简单的北方和中心布局:

和 JavaScript,它制作了一个可隐藏的 Northpanel。

我想实现整个北部区域是不可见的,如果north-main-id. 目前,即使没有显示任何内容,切换器也会显示。

我将不胜感激任何解决问题的提示。

谢谢

0 投票
1 回答
1027 浏览

javascript - 想要使用 jquery layout ui 停靠和取消停靠应用程序的一部分

我一直在研究这个很长时间,这个话题在编码世界中的代表性似乎非常低。我在我的应用程序中使用 Jquery Layout UI,

http://layout.jquery-dev.com/

而且我们只有南窗格和中窗格。我希望能够“取消停靠”南窗格,类似于 devtools 如何从浏览器底部取消停靠并成为自己的窗口。IE

带有停靠区域的浏览器窗口 单击取消停靠

未停靠的单独窗口

没有停靠窗口的浏览器窗口

我尝试检查 devTools 以查看是否可以从那里的可用代码中获得任何提示,但找不到任何有用的东西。有没有人对如何实现这一点有想法,或者是否有我可能以某种方式错过的在线代码示例?同样,我的应用程序正在使用 jquery 布局 UI,而 South 区域是我希望能够“取消停靠”和停靠回来的区域。

布局模板示例

0 投票
2 回答
765 浏览

javascript - jquery布局的自定义切换器

我正在使用layout.jquery插件。我正在尝试为废窗格创建一个自定义切换器。如何创建旋转文本 div 作为切换器。请参阅下面的附图。 在此处输入图像描述

JSFIDDLE: https ://jsfiddle.net/kap0e06s/3/

HTML:

JS:

0 投票
1 回答
385 浏览

javascript - jQuery 布局:刷新/重绘/调整面板大小(隐藏/显示页眉或页脚后)

如站点文档中所示,我正在使用标准的 jQuery 布局(北、南、西、东和中)。

对于我的西面板和中心面板,我都有一个页眉和页脚窗格。

一切正常,除了现在我需要暂时“隐藏”页眉和/或页脚,最终在某个时候再次显示它们。

由于我不知道以编程方式隐藏/显示页眉和页脚窗格的方法,因此我将恢复为基本的 jQuery。

我创建了以下函数:

我这样称呼它:

一切都很好,除了当我隐藏页眉时,页脚向上移动了相同的空间。中心面板本身似乎没有“刷新”或“重绘”。我希望更改为正确重绘的面板,但我不确定如何告诉 jQuery 布局如何做到这一点。

我知道 jQuery 布局提供了以下 API 来隐藏/显示面板。

但是窗格(页眉/页脚)似乎不存在任何东西。

请注意,layout.resizeContent("west");如此处所述,似乎不起作用,抛出Uncaught TypeError: layout.resizeContent is not a function异常。

任何帮助表示赞赏。


更新:我发现这layout.sizePane('north', 100);确实有效。

顺便说一句,我正在使用jquery.layout 1.4.3

0 投票
1 回答
96 浏览

r - 带有 JQueryLayout 和 DT-table 的 Shiny-App 不起作用

我正在尝试使用JQuery 布局(在此处找到)和htmlTemplate闪亮的功能创建一个应用程序。

目前唯一不起作用的是在中心窗格的第二个选项卡上显示 DT-Table。尝试使用普通闪亮表(renderTable/tableOutput)时,问题也仍然存在。

  • 在“图表”选项卡上会出现一个绘图条形图和一个 DT 表。(正常工作)
  • 在“Tabelle”选项卡上,还应该出现另一个 DT 表。(不起作用

这个 div 在那里,但没有表出现:

我需要指定一些 I/O 绑定吗?或者我错过了什么?


该应用程序可以在这里找到并通过以下方式运行:

0 投票
0 回答
63 浏览

r - htmlTemplate / JqueryLayout 中的 R rhandsonetable 不起作用

我想使用来自 shiny 的函数和来自这里的 JQuery 布局创建一个带有自定义 UI的 shinyApp 。htmlTemplate

使用 DT 框架显示表格效果很好,但我想使用该rhandsontable包。不幸的是,这并不像包含一个 DT 表那么容易。

浏览器控制台返回此错误:

应用程序代码可以在这里找到并运行

我该如何解决这个问题?

0 投票
2 回答
294 浏览

javascript - 如何在调整大小期间获取面板的大小?

我有一个多面板 jQuery 布局,并且想在调整大小时知道内部中心面板的大小。document.ready 函数如下所示:

这是 resizeInnerLayout 函数:

这是html:

Javascript 在 svg 中放置了一个 d3 图表。我需要知道 div 的大小,因为当用户滑动分隔条时它会调整大小,以便我可以相应地调整图表的大小。目前,console.log 没有输出任何内容。

我还尝试将函数绑定到 layoutpaneresize 事件,如下所示:

但它也没有输出。这也没有:

这一个有效,但只有在调整浏览器窗口大小时才有效,而不是在调整窗口内的拆分器大小时。即使这样,它也会在您开始调整大小时报告大小,但不会随着大小继续变化而更新。

有任何想法吗?