javascript - 如何恢复 jQuery 可调整大小的调整大小？

Question

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

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

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

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

Answer 1

在停止回调中使用以下代码段，

// 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);

Answer 2

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

Answer 3

ui.element.css(ui.originalSize);

这样就行了

Answer 4

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();