javascript - サイズ変更可能なjQueryのサイズ変更を元に戻す方法は？

Question

サイズ変更停止イベントの後、サイズ変更可能な要素を元の状態に戻したい。私は次のコードでそれを行っていますが、このアプローチはきちんとしていません。ラッパーと画像は同じサイズになり、サイズ変更ハンドルはこれのために1ピクセルずれています。

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

これを達成するためのきちんとした方法はありますか？

これがjsfiddleリンクです。Firefoxをご利用ください。上記のコードから元に戻した後、サイズ変更ハンドルが1ピクセルずれていることに注目してください。 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

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 3

この部分を変数に入れてみる$(this).css(ui.originalSize);