jQuery에서 크기 조정을 되돌릴 수있는 방법은 무엇입니까?

Question

크기 조정 중지 이벤트 후 크기 조정 가능 요소를 원래 상태로 되돌리고 싶습니다. 다음 코드를 사용하여이 작업을 수행하고 있지만이 방법은 깔끔하지 않고 래퍼와 이미지의 크기가 같아지고 크기 조정 핸들이 한 픽셀 씩 옮겨집니다.

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

이것을 달성하기위한 깔끔한 방법이 있습니까?

다음은 jsfiddle 링크입니다. 파이어 폭스를 사용하십시오. 위 코드에서 되돌아온 후 크기 조정 핸들이 한 픽셀 씩 어떻게 이동하는지 확인하십시오. 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

사용에 다음 코드를이 부분을 넣어 아래 2 줄을 주석으로 대화 상자의 크기를 조정 한 후에도 유지됩니다.

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

Answer 3

JQuery와 1.11.3에서 JQuery와 대화의 폭과 크기 정지 콜백에서 변수 $(this).css(ui.originalSize);