问题标签 [jquery-ui-resizable]
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.
jquery - 初始化后无法应用 JqueryUI Resizable AspectRatio?
我试图在可调整大小的 JQueryUI 中动态打开/关闭纵横比,但是即使将选项设置为 false,它也会保持纵横比。以下是我目前正在使用的代码:
我发现了一个 3 年前的错误报告,尽管它被标记为关键,但它看起来仍然没有得到修复。http://bugs.jqueryui.com/ticket/4186
解决方法不适用于最新版本。有任何想法吗?
编辑:在经历了很多错误报告之后,这里有一个解决方法:
将其粘贴到您的 javascript 脚本部分。希望它可以帮助有类似问题的人!
jquery - 需要使 img 可拖动和调整大小
这是我的代码:
我正在制作一个画布(不是 HTML 5 画布元素),用户可以在其中添加图像、拖动它们并调整它们的大小。用户使用相应的按钮激活“移动”和“调整大小”工具ids
。我需要单击一个按钮来禁用另一个按钮的效果(即,单击“移动”时,图像无法调整大小,单击“调整大小”时,图像无法移动)
以下代码使图像可拖动,但我无法调整它们的大小。谁能解释一下iv做错了什么?(不知道答案的请投票)
javascript - 限制 Jquery Resize 到容器
我在另一个 div 中放置了 2 个 div。我想在主 div 中调整这 2 个 div 的大小。我可以使用以下代码分别约束每个 div。
但我想同时限制主容器内的两个 div。我怎么能用 jquery 做到这一点?
jquery - 使用 jQueryRotate 旋转后 JQuery 调整大小句柄不起作用
我在 jquery 中调整大小的句柄有问题。
基本上,我有一个按预期拖动、调整大小和旋转(使用 jqueryRotate)的 div。然而,当 div 旋转时,手柄会随之旋转,但仍保持原来的大小调整方向。换句话说,在顺时针旋转 90 度后,原始的“SE”手柄现在位于“SW”位置,但在沿 NW-SE 方向拖动时仍会调整大小,而不是现在应该具有的 NE-SW 方向。
如果有人能理解这个问题并提供帮助,请这样做。
jquery - jQuery 对 Draggable 和 Resizable 的优化
我正在寻求一些关于 jquery 的帮助。有人能告诉我优化在许多不同但名称相似的元素上使用 .draggable 和 .sizable 的最佳方法吗
例如
我确信有一种方法可以简单地将数字 1、2、3 等传递给一些多用途代码,但我不确定如何执行此操作,因为据我所知,您必须单独执行这些元素。我相信有人会把我放在这上面。
提前谢谢了。
jquery - 防止 jQuery UI 可调整大小的元素覆盖另一个元素?
有没有办法限制一个元素的大小调整,这样你就不能覆盖另一个元素?我知道您可以将包含设置为父元素,但在这里我只想阻止用户遮挡另一个同级元素的视图。
如果调整左侧对话框的大小,我希望插件防止用户覆盖右侧的对话框:
jquery - 可拖动的可调整大小在 Chrome 中不起作用
我在 chrome 中使可调整大小和可拖动的图像一起工作时遇到了一些问题。我的页面侧面有一个(可拖动)图像列表,可以将其拖放到 div 上(图像被克隆)。放置的图像应该是可调整大小和可拖动的。我编写了以下 Javascript:
这会在 Firefox 中生成以下代码,完美运行:
然而,在 chrome 中,元素被拖动和克隆,但它们没有被显示。从下面生成的代码中可以看出这一点:
但是,我无法理解为什么图像的宽度和高度以及其对应的外部 div 的宽度和高度会变为 0px。一个简单的解决方案是从 javascript 中更改高度/宽度,但我相信会有更好的解决方案。
谢谢你的帮助。
javascript - 可拖动和可调整大小图像上的 JQuery UI 问题
我真的很头疼,试图解决我目前在网页上遇到的问题,我希望你能帮我一把:D。我已经深入研究了一个相关主题,但我没有找到任何有同样问题的人,使用了几张图片。
我想要实现的目标:“我想在 div 中包含可拖动和可调整大小的图像”。单击链接时会逐一添加图像。
我主要有3个问题(也用图片解释):
当我添加一个新项目并将其标记为可调整大小时,它会显示在最后一张图片下方,而不是旁边。(当它没有标记为可调整大小时,它会出现在旁边) http://i.stack.imgur.com/1dBXF.jpg
当我拖动图像,改变他的 Y 轴,然后尝试调整它的大小时,它会自动移动到 las Y 轴位置(X 是一致的)。 http://i.stack.imgur.com/rF9KK.jpg
当我拖动图像并尝试调整另一张图像的大小后,拖动图像的 Y 位置会发生变化。h**p://i.stack.imgur.com/OMWEr.jpg
我不知道该怎么办,非常感谢。
jquery-ui - jQuery UI 可调整大小的简单固定页脚?
我有一个简单的页脚,我想将它固定在浏览器的底部。我希望能够仅垂直调整它的大小。我遇到的问题是,一旦我应用了 jQuery UI Re-sizable,它就会将位置设置为相对,这显然会破坏布局的初衷。
下面是一个使用 JSBin 解决我的问题的简单示例。
想法?
javascript - jQuery 可调整大小事件没有结束
我正在制作一些交互式 UI 并使用 jQuery 来调整大小和鼠标事件。
我为所有元素绑定mouseOver
和单击事件,当我获得单击时,我删除了单击侦听器(这样它就不会干扰可调整大小的侦听器)。
这工作正常,现在可以调整所选元素的大小。开始调整大小工作正常,但即使在之后mouseup
,元素调整大小事件也不会结束,它仍然会用鼠标调整大小。
怎么了 ?
东西就在这里。
http://parth.me/builderjs/index.html
主要部分是:
Esc键必然会取消选择任何选择。