Question

我希望在调整大小停止事件后将resizable元素恢复到其原始状态。我正在使用以下代码，但这种方法并不整洁，包装器和图像现在具有相同的大小，并且由于这个原因，重新调整大小的句柄被移位了一个像素。

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

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

这是jsfiddle链接。请使用firefox。注意从上面的代码恢复之后，调整大小手柄如何移位一个像素。 http://jsfiddle.net/rohhittt/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

JQuery 1.11.3中JQuery对话框的宽度和大小即使在通过注释以下2行

来调整对话框大小后仍然保留

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

Answer 4

ui.element.css(ui.originalSize);

能解决问题的

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

4 个答案: