问题标签 [jquery-resizable]

我想要一个类似于下图的可实现对象的句柄。

我尝试的代码不适用于自定义句柄。

如果我包含自定义句柄选项，则重新调整大小根本不起作用。

我想通过拖动右下角来调整 DIV 的大小。

我想要的是：

• 可以访问动画、助手、轴、遏制选项。

我看到了基于 JQuery draggable的实现，但我的理解是我将失去所有可调整大小的选项，这些选项非常方便。

• 仅使用不带自定义插件的 jquery UI。**

我确定有很多，但我必须坚持使用 JQuery UI。

• 隐藏 NS/WE 图标，所以它只会通过拖动右上角来调整大小（这是一个简单的部分，我自己可能会弄清楚）

任何人都可以建议我的场景是否可以采用可调整大小，或者我必须在其他地方搜索？

尝试使用 jQuery 视差创建一个在缩小或放大窗口时可以正确调整大小的站点。当您在下面的 Flash 站点上拖动角/调整大小时，我的目标是相同类型的功能。

http://www.intersectionpartners.com/

关于如何用 jQuery 做到这一点的任何建议？

我正在尝试附加一个 div onClick，它既可拖动又可调整大小，并带有用于调整该 div 在所有 4 个角的大小的句柄。

我已经能够使 div 可拖动并添加句柄......但是......只有 div 的底部，右侧和右下角实际工作......顶部和其他角在悬停时显示箭头...但不会调整 div 的大小！？！？！

好的，首先，我不太熟悉javascript，所以如果这看起来是一个非常愚蠢的问题，请原谅......

这是我的代码，用于根据窗口高度（徽标、标题）和导航栏根据动态大小的徽标和标题的宽度动态调整标题项的大小：

解释：我有一个标题徽标和文本根据窗口高度而不是通常的宽度动态调整大小，因此整体标题不会占用太多屏幕（尤其是在横向移动设备上）。

然后将放置导航栏：如果有足够的空间，则位于右上角（默认），或位于标题下方（float:left）。

问题是：窗口调整大小确实可以很好地调整徽标和文本的大小，但不能调整导航栏。这只会对重新加载做出反应，而不会对调整大小做出反应。有什么理由吗？

我怀疑这是因为从第一个 if else 语句派生的那些动态变量的依赖性。我很确定有一个简单的解决方案，但是什么？

谢谢你的帮助。

PS：试图制作一个 jsfiddle，但它给了我 POST 错误（不知道为什么，没有表单提交或类似的东西）

编辑和解决方案

弄清楚为什么它不起作用：只是在 var 声明中犯了一个错误

我将else函数 vars logow和titlew的部分设置为引号中的固定值，因此 js 将它们视为文本而不是数字。因此，导航的计算就搞砸了。将这些变量声明为数字 ( var logow = 150;) 就可以了。

尽管如此，感谢您的帮助和高度媒体查询的重要提示！

我div在单元格中有可调整大小（JQuery UI Resizable）td。td有 css 属性height=18px。但是当我调整这个大小时div，表格单元格也调整了大小。

那么是否有可能调整大小div而不影响td高度？

解决了！

我有许多divs 分布在行和列中（使用 jQuery 生成）。这些divs 中的每一个都是可调整大小的，使用 JQuery UI Resizable。为了定义需求，所有div的s都必须使用绝对定位。因此，当我重新调整这些 div 的大小时，脚本应该更新其top下方所有 div 的属性（位于当前调整大小的 div 之后的同一列和一行）。

这是我现在的代码：

这是一个例子：JSFiddle

如您所见，所有 div 都找到了，我可以更新顶部位置。但是由于某种原因，它在调整大小时变得疯狂！好像我在每个选定的 div 上找到的磁贴一样多次进行更新。

根据 Sortable Portlets 的 JQuery 示例代码，最小化功能已经存在。我添加了可排序的功能，它确实有效，但不如预期。在我调整 portlet 的大小后，最小化按钮只会隐藏文本并且不会切换 portlet 的边框。

这是我的代码：

HTML

查询

$( ".column" ).sortable({ connectWith: ".column", delay: 150,placeholder: "ui-state-highlight" });

$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all") .find(".portlet-header") .addClass("ui-widget-header ui-corner-all") .prepend('') .end() .find(".portlet-content");

有任何想法吗？正如我在调整大小后所说的，最小化按钮只是隐藏了内容，并没有切换相应 portlet 的边框。谢谢你

我正在尝试动态更改对话框的内容，但是当我更改为内容时，布局会更改。

基本上，我有一个......我从 jquery-ui 演示中获取并想要更改

...

这是我的 HTML

这就是我要展示的计划对话框。

我有2个按钮，如果我们点击OK，它只会显示当前对话框而不做修改，重要的是“li”元素在2行

像

BLO BLU BLL BOO CLA XXX ....

但是当我动态更改内容时，“li”元素在一行上对齐，而不是 2 更多。

我试图弄清楚我做错了什么。

这里是点击的 HTML

我在这里有一个现场演示 http://jsfiddle.net/survivant/cyFxp/