问题标签 [jquery-resizable]

我想显式地停止元素上的可调整大小的事件，该事件通常以 mouseup 结束。怎么办？调用什么事件来结束可调整大小的事件，我该如何调用它？

访问者可以将不同的项目拖放到具有单独可排序的多个容器中，以便可以更改每个容器中的项目。最后，每个容器都可以调整大小。所以，这一切都运作良好。

不幸的是，当访问者创建一个作为容器的新 div 时出现了问题。该容器应该与在页面加载时加载的容器具有相同的机会。但是由于容器是新添加到页面中的，因此这些功能不起作用。

我尝试了不同的方法，例如 appendTo() 并再次调用函数 draggable()、resizable() 等，但都不起作用。

colResizable 似乎是一个很好的可调整列宽的插件。

不幸的是，它删除了最初设置的宽度。我正在使用whitespace: nowrap，因为我有一些小列和一些较大的列。现在使用 colResizable 插件，所有列都调整为相同的大小。

我试图通过在插件利用之前读取 col 宽度并在之后重置它们来解决问题。起初它看起来不错，但随后握把发生了一些奇怪的事情。握把当然保持在相同尺寸的柱子上。

谁能想到更好的解决方案？

我有一个 div，我希望能够从它的顶部调整大小并增加/减少它的高度。我在互联网上找到了很多人们用来做这件事的方法，但出于某种原因，对我来说没有任何效果。我可以让双头箭头出现，但我的 div 或其子项的任何部分都不会移动。以下是我尝试过的一些事情：

我也用过这个：

和这个

在CSS中我试过了

和其他几种方法，但没有什么可以让它调整大小！帮助将不胜感激。

这是一个简单的 jsfiddle 示例：http: //jsfiddle.net/TCHdevlp/zpD2R/

我发现 jsfiddles 在页面底部也有可调整大小的容器。

http://jsfiddle.net/J4bJ3/1/

http://jsfiddle.net/Zns4Q/

这可能有助于解释我在寻找什么。

是否可以通过按键取消当前的jQueryUI 可调整大小和可拖动交互？

我有一个使用 css 以页面为中心的 div - margin: 0 auto; 这是必不可少的

jQuery resizeable 连接到 div 以便它可以水平调整大小。

还添加了可调整大小的“网格”选项，因为在调整大小期间会触发其他函数，并且这些函数在没有激活网格选项的情况下被调用了太多次。

我还向可调整大小的 div 添加了一个 jquery 位置，以在调整大小期间使其居中，否则当您拖动左边缘时，它会失去其中心位置。

问题是鼠标向左或向右拖动 div 越宽，鼠标越远离左边缘。div 的左/右边缘应始终捕捉到鼠标位置。

ui.size.width 报告的值也远高于 div 的实际宽度。

我尝试了许多修复，但似乎没有任何效果。

这是下面带有 jsfiddle 链接的代码：

的HTML：

CSS：

jQuery：

我创建了一个测试用例，这样所有这些都更有意义！

提前致谢。

我正在尝试使 iframe 中的元素可拖动和调整大小。

首先，用户可以添加附加到 iframe（相同域）中的图像和 div 等元素。因此，我尝试使用 iframe 在 iframe 中搜索

#iframeDiv作为 iframe id

.draggable作为图像类

我也尝试过 getElementId() 在 iframe 中查找元素，然后使用

但都没有工作。

我可以使用其他功能使其可拖动/调整大小吗？

更新：在一些帮助下，我解决了可拖动的问题。但是，我仍然无法调整任何元素的大小。

这是一个JSFiddle。需要上传一张jpg图片

这是我的完整代码，它来自jQuery Resizable Example -

在我的示例中，我有两个div元素，分别是 idparent和child，其中child元素在元素内部parent。我的问题是我无法调整parent元素的大小，即使我已经做到了resizable。有没有人遇到过类似的问题？

笔记

玩代码，我刚刚发现，这个问题只发生在我让child元素在parent元素之前可重新设置。在代码中 -

如果我将订单更改为 -

它会顺利工作。我不确定为什么会这样。

我将尝试研究 jQuery 可调整大小的代码，但如果有人已经遇到并解决了这个问题，那将非常有帮助。

-谢谢

我有一个元素列表，我试图在加载它们之后添加 jQuery UI 可调整大小功能，并且它们正在获取类ui-resizable ，但是没有添加具有类ui-resizable-handle的 div 。

首先我开始（在你问之前，是的，我已经剥离了一些示例中不需要的代码）......

这是所以我从一个干净的石板开始，以防万一元素不再可调整大小。在此之后我创建元素。

所以我所有的元素现在都被赋予了ui-resizable，但并不是所有的元素都没有收到 div ui-resizable-handle，这使得整个东西无法使用。这些元素也是可排序的（有效），当我拖放它们时，它们会经历相同的过程，但现在已被赋予ui-resizable-handle。

简而言之，有谁知道如何将元素设置为 ui-resizable，但不知道实际调整大小所需的句柄？

我有一个使用 jquery 调整大小的 div。

该 div 的右侧还有一个图像作为边框。

问题：jquery resize 方法只允许您在 div 的最边缘调整 div 的大小，而我的边框在 div 内部（我使用的是背景图像）。如何对齐我的图像边框和这个 jquery 调整大小更接近（通过将 jquery 上的调整大小触发器向左移动几个像素，或者将 div 边框向右移动几个像素）

示例：http: //jsfiddle.net/bo6xwc28/

另外，在我的代码中，如果我尝试向左/向右调整 div，我有 7 个像素可以抓住 div 来移动它，但是在 jsfiddle 中我只有 2 个？不知道为什么会这样，但 id 也喜欢能够编辑该值（例如：将其设置为 10 像素，以便用户可以更轻松地选择它）。

无论解决方案是什么，它都需要尽可能跨浏览器兼容。

编辑：换句话说，现在它在红线（上图）调整大小我希望它在底线调整大小：http: //postimg.org/image/dslgqsiul/