jQuery UI Draggables - 위치 변경 되돌리기?

Question

jQuery UI draggables 도우미의 되돌리기 위치를 편집 할 수 있습니까? 예를 들어, 사용자가 클릭하여 페이지의 그룹으로 드래그 할 수있는 아이콘이 있습니다. 사용자가 아이콘을 클릭하고 끌기를 시작하면 도우미 메시지가 해당 커서 바로 아래에 나타나고 계속 클릭을 유지하는 동안 커서를 따라갑니다. 도우미가 그룹에 포함되면 사라집니다. 도우미가 그룹에 포함되지 않으면 되돌리기 : 'invalid'를 사용하여 원래 위치로 돌아갑니다. 제 질문은, 도우미의 원래 위치를 편집 할 수 있습니까? 항상 left : 0 및 top : 0의 절대 위치로 되돌아가는 것처럼 보이지만이 값을 편집하는 방법을 알 수는 없습니다. 반환 위치를 왼쪽으로 약 300 픽셀 더 편집해야합니다.

Answer 1

끌기가 시작되면 드래그 가능한 요소의 위치를 ​​변경하고, 요소가 원래 위치로 되돌아 와서 새 위치로 이동하면 다시 그 위치를 잡을 수 있습니다. 그러나이 방법은 알아낼 방법이 없습니다. 작품

$(document).ready(function(){ 
$(".dragMe").draggable({ 
    helper : 'clone', 
    revert : true, 
    start: function(e,ui){ 
    // when starting the drag, reposition the element 
    $(this).hide().css({ position: 'relative', left: '-300px', top: 0 }); 
    }, 
    stop: function(e,ui){ 
    $(this).show(); 
    } 
}); 
$("#dropBox").droppable({ 
    drop: function(e, ui) { 
    ui.draggable.appendTo($(this)).show() 
    // reset the position of the element to zero (so it fits in the drop box) 
    .css({ position: 'relative', left: 0 }) 
    ui.helper.remove(); 
    } 
}); 
})