Tag: jquery ui resizable

将jQueryUI Resizable小部件应用于动态创建的元素: 这个问题与事件授权无关我想将jQuery可resize的小部件应用于一系列可能动态创建的div标签。有没有办法使用行为类似于事件委托的东西来动态地将jQuery resizable小部件添加到新元素？这是示例（请注意新创建的绿色元素无法resize）： $(function() { var cols = $(“#cols”).children(“.col”); cols.resizable({ maxHeight: 20, minHeight: 20, distance: 5, handles: ‘e’, start: function() { console.log(“I’ve started!”); }, stop: function() { console.log(“I’ve stopped!”); } }); $(“#addNew”).on(“click”, function() { cols.filter(“:last”).after(” + parseInt(cols.length + 1) + ”); cols = $(“#cols”).children(“.col”); }); }); .col { float: left; width: 20px; height: […]

jQuery Resizable：加大调整宽度: 概要：如果将可resize的元素居中并向左/向右展开，则会产生幻觉，它只会扩展鼠标移动的一半。原因：发生这种情况是因为对象居中。题：与鼠标移动相比，您如何提高对象resize的速度？对于居中元素，我希望对象扩展两倍于鼠标距离的大小。

拖动后，元素变得随机不可resize: 选择并拖动多个elemens后，其中一些不再可resize：resize图标从右上角消失。可resize的图标保留在旧位置，不会移动哪些移动的元素。要重现，请运行下面的代码，使用套索选择所有元素并拖动所选元素。之后，resize图标会从随机元素中消失，并且这些元素不再可拖动。如何解决这个问题？我试图通过添加来解决这个问题 $(“.designer-verticalline, .designer-rectangle, .designer-field, .designer-image”).resizable(); 结束drag（）方法但问题仍然存在报道也在 https://bugs.jqueryui.com/ticket/14898#ticket 小提琴： https ： //jsfiddle.net/txbcj9qy/ .designer-panel-body { min-height: 1px; overflow: hidden; margin: 0; padding: 0; } .panel-footer { background-color: inherit; } .designer-panel, .designer-resetmargins { margin: 0; padding: 0; } .designer-verticalline, .designer-horizontalline, .designer-rectangle { font-size: 1pt; border: 1px solid #000000; } .designer-field { border: […]

jQuery UI可resize：单独使用东手柄时的自动高度: 我有一个jqueryui重新resize的div。我只希望宽度可以重新resize并且高度保持自动，以便div随内容增长或缩小。如果我将其设置为仅显示东方手柄并使用css height:auto ，则在resize后，即使只更改了宽度，也会设置高度。我必须每次都将高度设置为自动resize事件，如下所示： resize: function(event, ui) { $(this).css(‘height’, ‘auto’); } 防止高度被设定。当只使用东手柄时，是否有更好的方法来防止高度设置？

Draggable Resizable无法在Chrome中运行: 我在使用chrome中的图像上进行可resize和可拖动的工作时遇到了一些问题。我的页面有一个（可拖动的）图像列表，可以放在div上（图像被克隆）。丢弃的图像应该可以resize和拖动。我写了以下Javascript： $(function() { $(“.scrollable”).scrollable(); $(“.draggable”).draggable({ helper: ‘clone’, appendTo: ‘body’ }); $(“#canvas”).droppable({ accept: ‘.draggable’, drop: function(e, ui){ if (ui.draggable.attr(“class”).indexOf(‘item’) == -1){ var clone = $(ui.draggable).clone(); clone.removeClass(“ui-draggable draggable”); clone.addClass(‘item’); $(this).append(clone); $(‘.item’).resizable({ containment: ‘parent’, aspectRatio: true }).parent().draggable({ containment: ‘parent’ }); } } }); }); 这在Firefox中生成以下代码，完美地运行：但是在chrome中，元素被拖动和克隆，但它们没有显示。从以下代码生成中可以明显看出：但是，我无法理解为什么图像的宽度和高度以及相应的外部div的宽度和高度达到0px。一个简单的解决方案是在javascript中改变高度/宽度，但我相信会有更好的解决方案。谢谢你的帮助。

防止jQuery UI可resize的元素覆盖另一个元素？: 有没有办法约束元素的大小调整，以便你不能覆盖另一个元素？我知道你可以将包含设置为父元素，但在这里我只想阻止用户阻碍另一个兄弟元素的视图。如果调整左侧对话框的大小，我希望插件阻止用户覆盖右侧的对话框：

jquery ui可resize的左下手柄来resize: 我在我的项目中使用jquery-ui-resizable插件。默认情况下，当您创建一个DOM对象jquery-ui可resize时，可resize的句柄将出现在右下角，我需要左下角的可resize的句柄。 —编辑— 还有一件事，它不应该使用右边框重新resize，而应该使用左边框重新resize。

如何知道在jquery resizable中使用哪个句柄: 我正在使用jquery resizable来调整div的大小 $(“#mainDiv”).resizable({ handles: ‘s, e’, start: function(event, ui) { // want to perform some action here }, resize: function(event, ui) { // want to perform some action here } }); 现在我想根据事实来做一些事情，无论s或e是否被选中resize基本上resize是垂直或水平如何做到这一点谢谢

点击使SVG可resize: 如何通过jQuery UI“点击”设置SVG可resize？ jsfiddle例子 HTML jQuery的 $(‘#svg1’).click(function () { $(“#svg1”).resizable(); }); 来自Alvin.K的解决方案

如何以编程方式触发jquery Resizable resize？: 我有一个div元素，使jquery Resizable。它还具有Resize选项集，因此其他元素可以同时resize。我想要做的是，以这种方式以编程方式设置此Resizable div元素的大小，触发所有可resize的逻辑（特别是考虑到此还使用了Resize选项）。我怎样才能做到这一点？