如何在 jQuery 可调整大小上恢复调整大小？答案

【问题标题】：How to revert a resize on jQuery resizable?如何在 jQuery 可调整大小上恢复调整大小？
【发布时间】：2013-01-11 06:56:08
【问题描述】：

我想在调整大小停止事件后将可调整大小的元素恢复为其原始状态。我正在使用以下代码执行此操作，但这种方法并不整洁，包装器和图像现在具有相同的大小，因此重新调整大小的句柄被移动了一个像素。

$images.resizable({ handles: 'all', stop: function (event, ui) {
    $(this).find(".ui-resizable").add($(this)).css(ui.originalSize);
  }
});

有没有一种巧妙的方法来实现这一点？

这里是 jsfiddle 链接。请使用火狐。请注意，在从上述代码还原后，调整大小手柄是如何移动一个像素的。 http://jsfiddle.net/rohhittt/j2JU6/105/ 谢谢

【问题讨论】：

提供一个小提琴怎么样，这样我们就不必自己设置一切了？ :)
好的。小提琴很快就来了。
很难找到区别。你能提供一个屏幕截图吗？此外，如果我们重新调整左侧的大小，图像位置也会改变。如果有问题，请注意。

标签： javascript jquery html jquery-ui-resizable

【解决方案1】：

在停止回调中使用如下sn-p，

// Move the element to its original position.
ui.element.css(ui.originalPosition);
// Modify the element's width& height to the original value.
ui.element.css(ui.originalSize);

【讨论】：

【解决方案2】：

试着把这部分放到一个变量$(this).css(ui.originalSize);

【讨论】：

这不会将元素移回其位置。

【解决方案3】：

JQuery 1.11.3 中 JQuery Dialog 的宽度和大小即使在通过注释以下 2 行来调整对话框大小后仍保留

stop: function( event, ui ) of 
this.uiDialog.resizable({ in ui.dialog
//options.height = that.uiDialog.height();
//options.width = that.uiDialog.width();

【讨论】：

【解决方案4】：

ui.element.css(ui.originalSize);

这就是诀窍

【讨论】：

这是您的答案还是您只是确认this answer 有效？