jQuery 드래그 앤 드롭 : 복제 된 드래그 가능 이동 원래

Question

드래그 & Drop with jQuery에 문제가 있습니다. 내 코드에는 draggable div가있다. 특정 droppable 테이블 셀로 이동하면 div 셀의 복제본이 테이블 셀에 추가됩니다. 하지만 복제본을 드래그하면 원본 div가 대신 이동됩니다. 다음은 드롭 할 때 호출되는 함수입니다.

인터넷 검색으로 명확한 답을 찾을 수 없습니다. 나는이 일과 관련이 있는지 모르지만 div는 상대적인 지위를 가지고있다.

복제본을 원래대로 드래그 할 수 있도록하려면 어떻게해야합니까?

Answer 1

이것이 내가하는 방법이며,이 트릭을 수행해야합니다.

$(".draggable").draggable({ helper: 'clone' }); 
$(".droppable").droppable({ 
    drop: function (event, ui) { 
     ui.draggable.clone().appendTo($(this)).draggable(); 
    } 
}); 

난 당신이 그랬다면 모르겠지만, 드래그에 ID-S를 사용하지 않는 이들도 복제 할 예정 원인이된다. 또한 드래그 가능한 요소를 적용하기 전에 요소를 추가해야합니다.

Answer 2

Helper Option을 보셨습니까?

Answer 3

false를 .clone()에 전달하려고 시도한 적이 있습니까? 그 bool은 withDataAndEvents를 나타내므로 이전 객체에도 연결된 모든 동일한 이벤트를 상속합니다.

편집 : 다른 이유로 인해 DataAndEvents가 필요한 경우 복제를 수행하기 전에 원본에서 draggable ("destroy")을 사용해 볼 수 있습니다. 그런 다음 다시 드래그 할 수 있습니까? 가장 우아한 것은 아니지만 작동합니다. http://jsfiddle.net/GheD5/

Answer 4

전체 코드를 표시 할 수 있습니까? 지금 추측하고 있지만 'delegate()'를 사용하면 http://api.jquery.com/delegate/이 솔루션의 핵심이 될 수 있습니다.

Answer 5

그렇지 않으면 당신이 드래그 작업을 완료 곳 바로 왼쪽됩니다 원래 항목을 끌고 helper: "clone"

$("selector").draggable({ 
     ... 
     helper: "clone", 
     ... 
}); 

을 포함하도록 draggable 초기화 코드를 변경

.