问题标签 [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.

0 投票
5 回答
2458 浏览

jquery - 初始化后无法应用 JqueryUI Resizable AspectRatio?

我试图在可调整大小的 JQueryUI 中动态打开/关闭纵横比,但是即使将选项设置为 false,它也会保持纵横比。以下是我目前正在使用的代码:

我发现了一个 3 年前的错误报告,尽管它被标记为关键,但它看起来仍然没有得到修复。http://bugs.jqueryui.com/ticket/4186

解决方法不适用于最新版本。有任何想法吗?

编辑:在经历了很多错误报告之后,这里有一个解决方法:

将其粘贴到您的 javascript 脚本部分。希望它可以帮助有类似问题的人!

0 投票
1 回答
637 浏览

jquery - 需要使 img 可拖动和调整大小

这是我的代码:

我正在制作一个画布(不是 HTML 5 画布元素),用户可以在其中添加图像、拖动它们并调整它们的大小。用户使用相应的按钮激活“移动”和“调整大小”工具ids。我需要单击一个按钮来禁用另一个按钮的效果(即,单击“移动”时,图像无法调整大小,单击“调整大小”时,图像无法移动)

以下代码使图像可拖动,但我无法调整它们的大小。谁能解释一下iv做错了什么?(不知道答案的请投票)

0 投票
2 回答
1346 浏览

javascript - 限制 Jquery Resize 到容器

我在另一个 div 中放置了 2 个 div。我想在主 div 中调整这 2 个 div 的大小。我可以使用以下代码分别约束每个 div。

但我想同时限制主容器内的两个 div。我怎么能用 jquery 做到这一点?

0 投票
1 回答
1158 浏览

jquery - 使用 jQueryRotate 旋转后 JQuery 调整大小句柄不起作用

我在 jquery 中调整大小的句柄有问题。

基本上,我有一个按预期拖动、调整大小和旋转(使用 jqueryRotate)的 div。然而,当 div 旋转时,手柄会随之旋转,但仍保持原来的大小调整方向。换句话说,在顺时针旋转 90 度后,原始的“SE”手柄现在位于“SW”位置,但在沿 NW-SE 方向拖动时仍会调整大小,而不是现在应该具有的 NE-SW 方向。

如果有人能理解这个问题并提供帮助,请这样做。

0 投票
3 回答
173 浏览

jquery - jQuery 对 Draggable 和 Resizable 的优化

我正在寻求一些关于 jquery 的帮助。有人能告诉我优化在许多不同但名称相似的元素上使用 .draggable 和 .sizable 的最佳方法吗

例如

我确信有一种方法可以简单地将数字 1、2、3 等传递给一些多用途代码,但我不确定如何执行此操作,因为据我所知,您必须单独执行这些元素。我相信有人会把我放在这上面。

提前谢谢了。

0 投票
1 回答
2921 浏览

jquery - 防止 jQuery UI 可调整大小的元素覆盖另一个元素?

有没有办法限制一个元素的大小调整,这样你就不能覆盖另一个元素?我知道您可以将包含设置为父元素,但在这里我只想阻止用户遮挡另一个同级元素的视图。

如果调整左侧对话框的大小,我希望插件防止用户覆盖右侧的对话框:在此处输入图像描述

0 投票
1 回答
3723 浏览

jquery - 可拖动的可调整大小在 Chrome 中不起作用

我在 chrome 中使可调整大小和可拖动的图像一起工作时遇到了一些问题。我的页面侧面有一个(可拖动)图像列表,可以将其拖放到 div 上(图像被克隆)。放置的图像应该是可调整大小和可拖动的。我编写了以下 Javascript:

这会在 Firefox 中生成以下代码,完美运行:

然而,在 chrome 中,元素被拖动和克隆,但它们没有被显示。从下面生成的代码中可以看出这一点:

但是,我无法理解为什么图像的宽度和高度以及其对应的外部 div 的宽度和高度会变为 0px。一个简单的解决方案是从 javascript 中更改高度/宽度,但我相信会有更好的解决方案。

谢谢你的帮助。

0 投票
1 回答
1251 浏览

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

我不知道该怎么办,非常感谢。

0 投票
2 回答
1884 浏览

jquery-ui - jQuery UI 可调整大小的简单固定页脚?

我有一个简单的页脚,我想将它固定在浏览器的底部。我希望能够仅垂直调整它的大小。我遇到的问题是,一旦我应用了 jQuery UI Re-sizable,它就会将位置设置为相对,这显然会破坏布局的初衷。

下面是一个使用 JSBin 解决我的问题的简单示例。

http://jsbin.com/ubuhic/

想法?

0 投票
1 回答
1757 浏览

javascript - jQuery 可调整大小事件没有结束

我正在制作一些交互式 UI 并使用 jQuery 来调整大小和鼠标事件。

我为所有元素绑定mouseOver和单击事件,当我获得单击时,我删除了单击侦听器(这样它就不会干扰可调整大小的侦听器)。

这工作正常,现在可以调整所选元素的大小。开始调整大小工作正常,但即使在之后mouseup,元素调整大小事件也不会结束,它仍然会用鼠标调整大小。

怎么了 ?

东西就在这里。

http://parth.me/builderjs/index.html

主要部分是:

Esc键必然会取消选择任何选择。