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

Question

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

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

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

这是 jsfiddle 链接。请使用火狐浏览器。注意从上面的代码恢复后，调整大小的 handle 如何被一个像素取代。 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);