다른 div 안에있는 droppable div에 드래그 가능한 div

Question

두 개의 div가 나란히 있습니다. 왼쪽의 div는 원정대 지원자의 이름입니다. 오른쪽의 div에는 신청자의 추천서 파일 이름이 들어 있습니다. 파일 이름을 왼쪽 div로 드래그하여 해당 신청자의 이름 위에 놓을 수 있기를 원합니다. 그러나 파일 이름은 div에서 벗어날 수 없습니다. 어떤 도움이 필요합니까? 삭제 가능한 요소에 상위 div 이름을 추가해야합니까? 여기

$(".drop_applicant").droppable(); 

바이올린 : https://jsfiddle.net/150f6yrh/5/

Answer 1

JSFiddle

$(".drag_letter").draggable({ 
    cursor: 'move', 
    revert: true, 
    helper: 'clone' 
}); 


$(".drop_applicant").droppable({ 
    accept: '.drag_letter', 
drop: function(event, ui){ 
      alert(ui.draggable.prop("id") + " dropped onto " + $(this).prop("id")); 
     } 

}); 

개인적으로 드래그에 제거 revert: true 옵션과 같은

https://jsfiddle.net/150f6yrh/8/

I을 업데이트

하지만, 그것은 당신에게 달려있다 :)

희망이 도움이됩니다!