jQuery UI : draggable div가 크기 조정 가능을 사용하는 경우에도 해당 제한 영역 밖으로 이동합니다.

Question

contrainer에있는 div에서 동시에 .draggable() 및 .resizable()을 사용하려고합니다 (해당 제약 영역).

크기 조정 기능이 완벽하게 작동합니다. draggable 함수는 컨테이너의 한 경계에 대해 div를 움직일 때를 제외하고는 잘 작동합니다 (맨 아래에있는 것을 보겠습니다). 마우스 단추를 놓은 다음 다시 컨테이너 외부로 이동하려고 시도하십시오. 한 번에 컨테이너를 1px 밖으로 밀어내는 모양입니다. 작업을 여러 번 반복하면 해당 div를 컨테이너 외부로 완전히 이동할 수 있습니다. http://jsfiddle.net/GarjX/

통지 당신은 "크기 조정"기능을 제거하는 문제가 없어 드래그를 유지하는 경우 : 여기

$(".element").draggable({ containment: "#container" }); 
$(".element").resizable({ containment: "#container", handles: 'all' }); 

는 바이올린입니다.

Answer 1

나는 이것이 오래된 게시물 인 것을 알고 있지만 같은 문제가있다. jquery UI에 대한 오픈 버그이다. 여기 는 그 동안의 솔루션은, 그냥

.ui-resizable-s, .ui-resizable-e{width:0px; height: 0px; display: none;} 

의 그 (UI가 CSS 후) 추가입니다!