问题标签 [jquery-ui-resizable]

我正在使用jQuery-ui Resizable- 我想使用旋钮而不是边框​​（我的旋钮是右下角的按钮）。

我看到在选项中我有一个KnobHandles，我必须设置为true。

我在哪里设置我的手柄？我试图在句柄选项中设置它，但它不起作用。

下面是我的代码：

更新：刚刚注意到旋钮手柄是一些默认的东西。我想用自定义按钮调整它的大小，有什么办法吗？

我有一个元素列表，我想使用 Jquery UI 对其进行排序和调整大小。将它们结合起来在 Chrome 和 Firefox 中效果很好。但是在 IE8 中（无论是在正常视图还是在兼容性视图中），任何一种行为在单独使用时效果都很好，但在组合使用时，所产生的混合行为是不可取的。

我的期望是通过拖动可调整大小的手柄来调整元素的大小不会激活可排序行为并移动该元素。不幸的是，当我拖动元素的调整大小区域时，它也会拖动元素，就好像我在移动它的排序位置一样。我希望这两种行为是排他的。这是复制行为的代码：

我尝试了几种策略来解决这个问题，包括：

1. 上面的方法，它试图在调整大小开始时禁用可排序。不幸的是，这根本没有效果。
2. 让可调整大小的启动函数向项目添加一个类，然后按该类进行排序过滤器（例如 $("#wrapper").sortable({items:".item:not(.resizing)"}); 和 $ ("#wrapper").sortable({items:".item", cancel:".resizing"}); )
3. 关于哪些选择器用于可排序和可调整大小的几种变体
4. 广泛的谷歌搜索，在我的办公桌上敲打我的头，并在微软的总体方向上喃喃自语。

任何帮助是极大的赞赏。

我正在尝试使用 Jquery Splitter http://www.methvin.com/jquery/splitter/

如果拆分器窗格是静态的，它可以正常工作，但我需要在其中动态添加窗格。我还需要动态删除这些窗格。如何删除拆分器绑定并在其中添加动态拆分区域？

请从这里查看http://01webdesigner.com/Inam/SplitterTest.htm

重新调整大小仅适用于最后一个动态添加的区域。

请帮忙

我有一个 div 元素，它使 jquery 可调整大小。它还设置了调整大小选项，因此其他元素同时调整大小。

我想要做的是以编程方式设置这个 Resizable div 元素的大小，以触发所有 Resizable 逻辑（特别是考虑到这个 alsoResize 选项）。

我怎样才能做到这一点？

我有一个 jqueryui 可重新调整大小的 div。我只希望宽度可以重新调整大小，高度保持自动，以便 div 随内容增长或缩小。如果我将其设置为仅显示东手柄并使用 css height:auto，则在调整大小后，即使仅更改了宽度，也会设置高度。我必须每次都将高度设置为自动调整大小事件，如下所示：

以防止设置高度。仅使用东把手时，是否有更好的方法来防止设置高度？

这只是一个快速探索，看看这在技术上是否可行。

我想在浏览器中启用图像大小的调整（也在 contentEditable 区域内）。Firefox 和 IE 已经允许使用它们的内置句柄来完成此操作，并且效果很好。我想为 Safari 实现一些东西，因为它本身不支持这个。

我尝试了 jQuery 的 resizable 方法，它做得很好，但是它依赖于插入一堆 div 和图像并将其包装在一个大 div 中。如果我们不关心在 contentEditable 区域中生成的代码，这通常会很好，但我们是因为它将被保存回服务器。我可以在保存时去掉这些额外的东西，但我在想，在技术上是否可以为不依赖添加额外 div 的图像创建调整大小的脚本？即使我们决定暂时不使用手柄，只专注于检测用户何时靠近图像边缘，将鼠标光标更改为调整大小的光标，并检测在边缘周围 5px 内的点击和拖动图片，这可能吗？

如果可能的话，我假设（希望）它可能已经完成了，但是到目前为止我的搜索还没有发现任何东西。

渴望听到任何想法:)

我想在单击时添加一个 div 并使用 mousedown 自动启动调整大小鼠标 ui 功能。

我可以轻松添加 div，我可以轻松调整大小。但我不知道如何传递鼠标事件并绑定它们，以便调整大小可以立即开始。

想象一个类似绘画的程序，所以可以通过拖动鼠标来添加和绘制 div...？

非常感谢。

我正在为嵌套的 div 使用 jQuery UI 的可调整大小，如下所示：

我遇到了一个问题，禁用可调整大小的 1 也会禁用可调整大小的 2。所以，如果我调用以下...

...然后我也不能再调整 resizable2 的大小。

有没有其他人遇到过这种情况，并且知道解决这种行为的方法？

谢谢，

特拉维斯

一般来说，resizable()工作正常。这是我遇到问题的地方。

1. 我有一个 div，其中包含一些可以正常工作的可调整大小的项目（在某些时候将 resizable() 应用于它们）。
2. 用户可以保存项目以供以后查看（div 的innerHTML被保存到 JavaScript 数组中，然后 div 被清除，以便他们可以做其他事情）
3. 当项目被放回 div （从数组） - 我做一个$('#divname').append(arrayname[i]); -- 项目不再可调整大小（尽管在视觉上它们具有可调整大小的类/句柄）

这是我迄今为止尝试过的（没有一个有效）：

1. 在 append() 行之后，我重新初始化可调整大小的 -- $('#items').resizable();
2. 在 append() 行之后，删除然后重新添加 resizable -- $('#items').resizable('destroy').resizable();

任何帮助表示赞赏 - 谢谢。

我正在尝试将多个可调整大小和可拖动的 div 放置在一个页面上，这些 div 在它们自己的父 div 内（垂直）移动。你可以看看http://bit.ly/bCutBE

但是，当我想调整它们的大小时，这些 div 的行为真的很奇怪，尤其是从北侧，它们会很快移出屏幕，而它们应该无法离开父 div。我只希望 div 能够在其父级内垂直移动和调整大小，拖动部分工作得很好，但调整大小部分会出现这个问题。

我真的无法比这更好地描述它，但是你自己看看，当你尝试调整一个彩色 div 的大小时，它会立即变得清晰：将它向下移动一点，然后尝试从北侧调整它的大小。

问题似乎是由可调整大小的包含：“父”行引起的。当我删除这条线时它工作正常，但是彩色块不会留在它们的父级中，我希望它们留在它们的父级中。

我希望有人可以帮助我解决这个问题...

我使用的 jquery 代码：