问题标签 [jquery-ui-resizable]

我正在使用 jquery resizable 来调整 div 的大小

现在我想根据以下事实做一些事情，即是否s选择e调整大小基本上调整大小是垂直还是水平如何做到这一点

谢谢

我正在使用 Jquery UI 拖放和调整图像大小。我正在调整 div 中的图像大小并拖动 Div 以解决 Jquery UI 中的错误，如果一个人拖动并调整 div 的大小。

如何找到正在调整大小的图像的 div ID？

我的代码如下：

HTML 代码

我已经尝试不成功地获取图像的 div ID
1. 使用 ui.originalElement[0].attr('id'), ui.originalElement.attr('id') 2. 使用 event.trigger.id

我想在其父元素内部和外部重新调整元素的大小而不会中断。请参阅示例。

我假设有<div>三行，每行都有几个具有相似（或不同）css 属性的元素。例如：

@Edit inside resizable ：请看图片。当我element-1在“row-1”内调整大小时，其他兄弟姐妹调整了宽度。我可以自己做

外部可调整大小：请看图片。row-1element-1 重新调整了它的长度，而不影响它的父级和兄弟级的任何尺寸，element-2但它影响其他元素，例如element-3 & 4调整了element-1. 这就是我想问但无法做到的。

我的问题是当我创建 div 使用

然后添加到页面使用此代码

它是可排序的，但也不能调整大小

我正在使用 jQuery 和 jQueryUI 构建一个界面，我看起来像这样

然后我在 document.ready 上运行这个 javascript

我的问题是 #handle 上的单击事件在调整大小事件后被触发。我知道我需要在拖动期间以某种方式禁用 click 事件，但即使在 dragstart 上取消绑定单击并在 dragstop 上重新绑定它也不会阻止 click 事件触发。

附言。请忽略任何小的语法错误，我使用咖啡脚本太久了，一切都确实有效，只是不是我想要的

【以下为自行解决问题后的自答贴。我想有些人可能会觉得它很有用。]

我尝试在 Greasemonkey 脚本中使用 JQueryresizable和draggable

• 我在 JS 控制台中收到错误“组件不可用（NS_ERROR_NOT_AVAILABLE）”，
• 或者：
• 我在 JS 控制台中没有错误，但可拖动不起作用。

如何解决这个问题？

好的，所以我对此有点迷茫。jQuery UI 文档指出，在可调整大小时，我可以有可见的句柄，据我所知，这些句柄是可见的图标/图片（我理解正确吗？）

如果指定为字符串，则应为以下任何一项的逗号拆分列表：'n, e, s, w, >ne, se, sw, nw, all'。必要的句柄将由插件自动生成。

所以如果我指定'all'，我应该在我的对象上都有句柄吗？如果是这样，它似乎不起作用——我只在“se”角落看到一些东西。

现在查看jQuery UI 可调整大小的源代码，似乎这是它应该工作的唯一方式：

我错过了什么吗？我可以自己创建它们吗？

我正在尝试启动一个 jquery ui 可调整大小的实例，但使用由 jquery 本身添加到 DOM 的选择器。这是我的脚本的一个基本示例：

HTML：

jQuery：

我考虑过使用类似于 live() 或 bind() 的东西，但我没有要绑定的事件。任何帮助表示赞赏。

我正在尝试在 DOM 加载后动态分配 jQuery-UI 可调整大小的不同实例。

我基本上想根据某些因素分配一个固定的真或假纵横比。当我请求一个新的可调整大小的实例时，它似乎没有更新。

用于分配 resizable() 的选择器也是在 DOM 加载后动态创建的。

这是我的代码的简化示例：

jQuery：

HTML：

这是一个运行示例：http ://digitaloutback.co.uk/resizable-eg/ （按“更改”分配初始可调整大小）

我还使用了“live”和“livequery”插件来代替“bind”，所以我不确定问题的根源是什么。

找到了解决方案

答案就在 jQuery UI 文档中：

resizable('destroy') 在重新分配之前。

我有一个可调整大小的 div，它位于一组已设置为 alsoResize 的元素上。

在视觉上，可调整大小的元素是alsoResize 元素的边界框。

我希望能够按可调整大小的 div 的比例调整 alsoResize 元素的大小。UI 的默认行为使每个元素在调整大小时具有固定的左侧和顶部位置：

http://jsfiddle.net/digitaloutback/SrPhA/2/

但是我想调整每个 AR 元素的左侧和顶部，以便在调整大小时与边界框一起缩放。

我首先认为通过更改alsoResize 插件不会太麻烦。这是我添加到调整大小的内容：_alsoResize:

如您所见，这些盒子有些滞后：

http://jsfiddle.net/digitaloutback/SrPhA/4/

有些东西似乎在膨胀数字并且无法弄清楚，任何建议表示赞赏。脚本和浏览器之间的小数位可能存在差异？