JQuery 드래그 앤 드롭

Question

인터페이스를 만들어 답변 근처의 Checkbox가 아닌 Drop & Drop을 사용하여 여러 답변을 선택하고 싶습니다. 사용자는 두 가지 유형의 답변 (실제 답변 및 허위 답변)을 선택할 수 있습니다. 사용자는 답변 페이지에 두 개의 이미지 (Real & Fake)가 있습니다. 사용자는 이미지를 드래그하여 선택한 답변에 가까이 다가 갈 수 있습니다. "이미지를 이동하고 다른 답변 위로 이동"하여 선택을 변경할 수 있습니다.

모든 답변에 "이미지로 포맷 된 div"를 사용 했으므로이 "div"위에 이미지 (예 : 가짜 또는 실제 이미지)를 드롭 할 수 있습니다.

"이미지"를 이동하고 "div"위에 놓기 위해 JQuery를 사용했습니다. 이제 "div"(즉, 이미지 보관 용 컨테이너)에 코드를 추가하여 "이미지가 배치 된"즉 "가짜 또는 실제"를 식별해야합니다.

Answer 1

지금 코드는 #move1 및 #move2을 드래그 가능하지만 아무것도 삭제할 수 없습니다. 이 시도 :

$(document).ready(function(){ 
    $('#move1').draggable(); 
    $('#move2').draggable(); 
    $('form div').droppable({ 
     drop: function(e, ui) { 
      alert(ui.draggable[0].id + ' dropped on ' + this.id); 
      //example alert: "move1 dropped on name2" 
     } 
    }); 
});