问题标签 [jquery-ui-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.

34 问题
Newest
Active
Bountied
318
Unanswered
0 投票
2 回答
517 浏览

javascript - jQuery UI 布局的 Firefox Select 问题

我在 jQuery UI 布局中遇到了一个奇怪而晦涩的问题。我的一个窗格中有一个下拉菜单，每当您单击它时，它就会打开，但您可以选择任何内容。

该问题似乎在过去发生过，如此处所述： https ://groups.google.com/forum/#!topic/jquery-ui-layout/ZaJxX3NbPx4

但在那篇文章中，他们说它与 showOverflowOnHover 相关联——我设置为 false 的属性，默认情况下在插件中和每个实例中都设置为 false。

这是我的初始化代码：

'splitter_inside' 在 'splitter' 内部。

其他人遇到这个问题，或者对如何解决它有任何想法？我正在制作小提琴，但遇到了一些麻烦。

0 投票
1 回答
566 浏览

javascript - 如何将图像添加到西部切换器？

我正在尝试将图像添加到切换器（当鼠标光标移到左侧时，左侧的栏会变为橙色）。如何在那里添加图像？

您可以在此处查看示例：

http://jsfiddle.net/XjA4v/

HTML

Javascript

0 投票
1 回答
119 浏览

jquery-ui - 使用 jQuery UI Layout 制作 2x2 面板

我正在尝试克隆 jsfiddle。这是一个 2x2 布局。我发现 jQuery-UI Layout 可以完美地工作......接受它似乎需要一个“中心”窗格，这在 2x2 布局中不存在。

如何禁用“中心”窗格？或者如何使用“jQuery UI-layout”或其他插件制作 2x2 面板布局？

0 投票
2 回答
5562 浏览

angularjs - 指令链接函数执行顺序

我对所有这些角度都很陌生...

我有一个自定义指令，我们称之为 myDar。在这个指令中，我定义了一个链接函数。在我的 html 中，我想使用该指令的多个嵌套标签，如下所示：

我希望首先执行“外部”的链接功能。我该怎么做呢？

这是一般的问题。如果它有帮助，那么我真正想做的是创建包装 jquery ui 布局的指令（链接到网站）。所以我有一个“ui-layout”指令和“center”、“west”等指令。在“ui-layout”指令中，我调用了$(tElm).layout(options). 创建嵌套布局时遇到问题：

Angular首先执行内部“ui-layout”指令的链接功能，但要让jquery ui布局插件工作，它需要先调用$(tElm).layout(options)外部，否则布局无法正确呈现。

0 投票
1 回答
2521 浏览

jquery - jQuery UI 布局 - 隐藏/显示窗格上的功能

当我切换窗格时，我试图触发一个功能。

在此处输入图像描述

我找不到“听”这些小按钮（图片的红色圆圈）的点击方法的方法。这是我为西按钮尝试的：

但是当我单击它时，我的警报不会弹出（但窗格隐藏/显示）。使用 F12 我有这个 html：

0 投票
0 回答
918 浏览

javascript - 更改布局 div 的宽度后设置 layout.sizePane("west")

我正在为容器 div 创建布局，其中有两个 div，一个是西窗格，另一个在中心窗格，现在正在更改容器 div 的宽度，然后尝试设置“西窗格”大小以填充整个容器 div ，它没有按预期工作，这是我尝试过的，

这是工作小提琴示例。首先单击“更改容器宽度”按钮，您可以看到容器宽度更改为红色背景，然后单击“更改西窗格宽度”按钮，现在西窗格应该更改它的宽度并填充容器，但它不是那样工作的， 请在这件事上给予我帮助。

0 投票
1 回答
1267 浏览

jquery - jQuery UI 布局：如何获得 3 个切换按钮以关闭、调整大小、显示面板的完整模式

我的要求参考了jQuery UI Layout中提到的demo

如上所示，我需要获得 3 个切换器，但我的集成没有向我显示三个彩色切换器按钮。我检查了演示页面和我的网站上内容的加载，但 div itseld 没有填充到我的 html 中...... :(

我错过了什么吗？

我做了以下事情：

只有一个区别：

我在页面加载时调用布局，然后在按钮单击时添加切换器：

类似上面的东西。

请让我知道当为布局完成实例化时，我们如何使用切换器实现布局。

0 投票
2 回答
1286 浏览

javascript - jQuery UI 布局和将对话框约束到中央窗格

我正在尝试使用出色的jQuery UI 布局插件创建一个完整的页面界面。

我希望中央窗格包含多个对话框并允许它们包含在该窗格中。到目前为止，一切都很好。但是，我还希望能够将对话框“移开”，并将它们移动到右侧或底部，以便中央窗格形成滚动条并允许中央窗格充当对话框的可滚动桌面。我希望其他窗格始终存在以用于其他 UI 目的。

HTML：

jQuery：

如您所见，它几乎可以工作，但滚动不能水平工作。我已经尝试过包含 dialog1 但这让事情变得更糟！也许这只是一个 CSS 问题或与设置相结合。有任何想法吗？

jsFiddle

0 投票
1 回答
984 浏览

javascript - 如何在 jQuery UI 布局中将 div 高度调整为内容

我正在尝试使用 jQuery UI Layout 1.30.0.3079-rc获得一个简单的垂直分隔条。这是我的测试页面：

我希望两个内容 div 拉伸以水平填充容器，但拉伸以垂直填充它们的内容。

div 宽度完全按照需要工作，但高度始终为零像素，除非我在 CSS 中对高度进行硬编码，例如

对高度进行硬编码不是可接受的解决方案。在真实的网站中，这些 div 的内容可以是任何东西，从窗口高度的一小部分到它的几倍，并且<div class="RequiredBorder">div 必须将整个地段和大小包含在内容中。

我已经阅读了 jQuery UI Layout 文档并在 Google 上进行了搜索，但到目前为止我还没有找到任何有用的东西。我已经尝试过但不起作用的事情：

这会使容器及其所有内容的宽度和高度为零。

这将渲染容器及其所有内容填充整个浏览器窗口，覆盖其余内容。

jQuery UI Layout 网站上的演示页面没有出现这个问题，因为它们都将最外层的布局直接放在<body>元素内部。当我在我的页面中尝试时，它确实可以正常工作。但是，真正的网站必须将布局包含在嵌套的<div>.

我正在 IE 11 和 Firefox 29 中测试这个页面。两者都表现出完全相同的行为。

0 投票
0 回答
1077 浏览

javascript - jquery ui布局关闭侧窗格无法正常工作

我在我的代码中使用 jQuery UI 布局插件。我创建了 3 个窗格，即西、中和东窗格。在中心窗格中，我添加了 2 个画布元素，第一个画布元素包含一个在其上绘制的圆圈，第二个画布元素为空。

在文档准备好时，将执行以下代码，其中西和中窗格打开，东窗格关闭。

现在，单击第一个画布并在其上绘制一个圆圈时，我的东窗格将打开，并启用东窗格。在单击空画布时，我的东窗格将关闭，并禁用窗格，因此在单击东窗格时，由于窗格被禁用，它不会进一步打开。

对于空画布，编写以下代码-

对于画有圆圈的画布，编写以下代码-

首先单击空画布，然后单击画有圆圈的画布，我的东窗格打开并启用东窗格。现在，当我们将光标移动到东窗格时，会出现一个手形符号，表示它已启用。当我们单击东窗格时，它不会关闭东窗格 - 这会导致问题。

通常单击东窗格它应该是关闭/打开的。

我搜索了很多，但没有找到合适的解决方案。也看过这个网站 - http://layout.jquery-dev.com/demos/layout_methods.html


12345678910