jQuery 상대적 위치 및 절대 위치로 요소 선택 및 끌기

Question

선택 항목에 위치 상대 div가 추가 될 때까지 잘 작동하는 선택 및 끌기 코드가 있습니다. 여기

코드이며, 당신은 단지 마우스 스팬 1, 기간이 및 중첩 된 기간 4

$(function() { 

    var selected = $([]), offset = {top:0, left:0}; 
    $("#selectable1").selectable(); 

    $("#selectable1 span.drag").draggable({ 

     start: function(ev, ui) { 

     selected = $(".ui-selected").each(function() { 
     var el = $(this); 
     el.data("offset", el.offset()); 

     }); 

     offset = $(this).offset(); 

     }, 

     drag: function(ev, ui) { 

     var dt = ui.position.top - offset.top, dl = ui.position.left - offset.left; 

     selected.not(this).each(function() { 
      var el = $(this), off = el.data("offset"); 
      el.css({top: off.top + dt, left: off.left + dl}); 
      }); 

     }, 

    }); 
    }); 

주시기 바랍니다 선택 문제를 확인하려면 http://jsbin.com/azeli/2 에서 작동하는 데모를 볼 수 있습니다 이 문제를 해결할 수 있는지 알고 있습니다. 감사합니다.

Answer 1

선택 영역 내의 모든 요소에 대해 절대 위치를 지정하고 선택이 변경되면 원래 위치로 복원하십시오. 루프는 루프

// call the restorePositions() that goes through the array of 
// saved elements, restoring each position and remove the element from the array; 
// if element in the loop has a position thats not relative, add to array 
el.css({position: 'absolute', top: off.top + dt, left: off.left + dl});