Jquery-ui Draggable이 처음 위치를 음수로 변경하지 않습니다.

Question

divquerable을 사용하여 두 자리 divs를 드래그하여 새로운 위치를 얻으려고했습니다. 하지만 문제가 있습니다.

내가 사이드를 초기화 할 때 div에 위치 절대 값을 지정하고 div 및 right 위치를 설정하여 div 미리보기를 div 미리보기 컨테이너에 넣은 다음 이것을 사용합니다. 첫 번째 div의 경우 첫 번째 div 아래에있는 두 번째 div는 초기 위치에서 올라가지 않습니다. 그리고 난 길을 잃었 어.

그래서 내가 보여,이 JSfiddle을 생성하는 방법을 내 코드 균열까지,

HTML

<div class="col-md-6" id="DevicePreview" style="min-height:200px;" cg-busy="loader"> 
         <div style="position:relative;" class="draggableObj"> 
          <div style="position:absolute;"> 
           <h3><i class="fa fa-fw fa-arrows btn-success" style="padding:2px; border-radius:15%;cursor:move" ></i>move It</h3> 
           <input class="form-control" disabled="disabled"/> 
          </div> 
         </div> 
         <div style="position:relative" class="draggableObj"> 
          <div style="position:absolute; top:80px"> 
           <h3><i class="fa fa-fw fa-arrows btn-success" style="padding:2px; border-radius:15%;cursor:move" ></i>move It</h3> 
           <input class="form-control" disabled="disabled"/> 
          </div> 
         </div> 
        </div> 

JS

$(".draggableObj").draggable({ 
    containment: "#DevicePreview" 
}); 

와 내가 말했듯이, 내 문제는 '내가 할 수있는 것입니다 하단에있는 div를 가져 와서 상단에있는 장소로 전환하십시오.

감사합니다.

Answer 1

그래서 내 문제는 내가 하나 이상의 요소를 선택한 클래스에 draggable을 첨부하려고한다는 것이 었습니다.

그 결과는 드래그 가능 영역에 연결된 마지막 요소 만 잡을 수 있었고 마지막 요소는 모두 자체 봉쇄를 만들었습니다.

해결 방법은 고유 한 ID 기반 요소 대신 som jquery로 만든 다음 작업하는 것입니다.