问题标签 [jquery-ui-resizable]

在我的网站中，我使用原型，在原型中，您可以将函数作为参数传递给某些对象，例如可拖动对象。

我最近说过使用 jquery resizeable，我不太清楚如何准确地自定义它的行为。

使用默认选项，我不能做一些自定义的事情，比如动态改变网格大小，或者设置包含属性。

更具体地说，我希望能够使我的可调整大小的对象保持在 div 的边界内。包含选项不能很好地工作：它看起来像是计算整个 div 高度，而不仅仅是从可调整大小的顶部开始计算的 div 高度的其余部分。

如果有人有一个高级可调整大小定制的例子可以分享，那就太好了。

这是我到目前为止所拥有的：

感谢您的帮助，

塔尔

我有一个可调整大小的区域，其中包含两个我也想并排调整大小的区域。每个区域的水平增长比例为 1:1，但由于两个包含的区域并排，因此它们的宽度之和的增长速度是其容器的两倍。如何将两个包含区域的水平增长减半。

如何使alsoResize选项仅适用于高度而不适用于宽度和高度？

如何扩展resizable插件的_alsoResize函数？

即使打开了辅助选项，插件也会调整通过alsoResize 选项提供的元素的大小。如何让它不这样做？

我正在使用 jquery 布局插件并且有以下情况我找不到解决方案。如何通过将 div 拖动到底部边框之外来使中心窗格永久增加其大小。

我有一个左窗格和一个中心窗格。当用户单击左窗格时，我会动态生成 div。div 被生成并放置在中心窗格上。div 是可拖动和调整大小的。在可见的中心区域拖动和调整大小时一切正常。当我将 div 拖到底部之外的那一刻，中心窗格上的滚动条就会出现，并且中心窗格似乎正在扩展以适应拖动的 div 的新位置。但是当我尝试调整 div 的大小或添加另一个 div 时，它会跳转到 div 的顶部并重置滚动条。我检查了萤火虫中的中心 div 高度，即使在将新 div 拖到底部之后，它在初始化时也保持在相同的高度。

这是测试页面的html代码。

只需完全复制/粘贴到 html 页面中。在左侧窗格中，单击“添加新”按钮将添加可拖动和调整大小的新 div。

1. 点击“添加新”
2. 将新添加的 div 拖到中心窗格底部之外。
3. 中心窗格按预期显示滚动条。
4. 如果您在萤火虫中检查中心 div 的高度，它不会改变
5. 现在尝试通过拖动手柄来调整新添加的 div 的大小
6. 它跳到顶部，中心框失去滚动条。

我无法粘贴完整的 html 页面，所以这里是对该线程底部代码的引用 http://groups.google.com/group/jquery-ui-layout/browse_thread/thread/ca922aa44c0048ee

这是测试链接http://jsfiddle.net/yZc63/

我有一个具有属性 status="lock" 的对象。代表这个对象的 div 是可调整大小和可拖动的。

对于可拖动，如果我使用以下逻辑，则拖动被有效锁定开始：{... if status==lock then return false ...}

但是调整大小的相同逻辑不起作用

我可以设置 resizable("disabled") 但想知道是否可以在开始或调整大小事件中停止调整大小

谢谢

我有一个使用 jQuery UI 调整大小的 div。如何动态使其不再可调整大小？我试着打电话resizable({ disabled: true })，但手柄仍然显示。

我注意到 jQuery UI 的可调整大小的句柄位于页面中所有其他元素的顶部。我使用 Chrome 的开发人员工具进行了检查，发现它们自动获得了 1001 的 z-index。有没有办法禁用它并只给它们与可调整大小元素相同的 z-index？谢谢。

我的页面上有一些使用 jQuery UI 可调整大小和可拖动的 div。当我调用html()这些 div 时，我不仅获得了 div 的内容，还获得了一些由 jQuery UI 插入的额外内容，当我调整它们的大小时：

text()适用于检索当前文本，但是当我尝试使用 设置内容时$("selector").text("new text")，它会替换 jQuery UI 代码，使 div 不再可调整大小。我怎样才能获取/设置文本，而不是 jQuery UI 可调整大小的代码？