jquery-ui 창의 부모 요소를 다른 요소로 설정

Question

$("#element").dialog();으로 만든 표준 jquery-ui 대화 상자가 있는데 다른 요소의 경계 내에서이를 포함하는 가장 좋은 방법을 찾고 있습니다.

저는 자바 스크립트를 사용하여 다시하지 않고 컨테이너 위치를 바꿀 수 있기를 바래요. 컨테이너를 사용하여 스크롤 할 수 있기를 바래요. #container {overflow:auto;}

여기 상황의 바이올린입니다 : http://jsfiddle.net/Z4xAA/ - 내가 컨테이너 요소에 dialog.parent를 이동 this 일을 해봤

#dialogContainer

의 범위 내에서 #myDialog를 포함하는 것을 시도하지거야 -하지만에 이익.

내가 어떻게 생각하니?

편집 : 나는 바이올린을 가지고 놀고 있었고 대화 상자를 webkit 디버거를 통해 직접 컨테이너 요소로 옮기면 원하는대로 동작한다는 것을 알았습니다. 이제는 프로그래밍을 통해 문제를 해결할 수 있습니다.

Answer 1

.append()를 사용하면 요소가 올바르게 이동합니다. 컨테이너에 대한 대화 상자의 .parent()를 사용하면 원하는 결과를 얻을 수 있습니다. 이 요소의 맨 위에있는 중지 필요한 경우 그 후 일 필요가 http://jsfiddle.net/Z4xAA/7/

모두에서

$("#dialogContainer").append($("#myDialog").parent()); 

업데이트 바이올린 대화 상자를 재배치한다.