요소가 "삭제"아이콘 위로 드래그되는 경우를 감지합니다.

Question

"삭제"아이콘 (작은 휴지통)과 jQuery UI 정렬 가능한 플러그인을 사용하는 여러 이미지 요소가있는 페이지가 있습니다. 휴지통 아이콘 위로 요소를 드래그하여 삭제할 수 있기를 바랍니다. 요소가 아이콘과 겹치고 있는지 감지 할 수 있습니까? 아니면 커서가 요소가 첨부 된 휴지통 위에 있으면 플래그를 설정합니까?

없이없이 정렬 할 수 있습니까?

휴지통은 정적입니다. 이동하지 않으며 분류 가능한 컨테이너의 일부가 아닙니다. HTML을 마크 업이 같을 수 있습니다 :

<div id="draggable"><p> drag me</p></div> 
<div id="draggable2"><p>drag me too</p></div> 
<div id="droppable"><p>Drop inside me</p></div> 

JS이 같은 몇 가지 일이 될 것입니다

Answer 1

당신은 이런 식으로 끌고 요소를 추적 할 수 있습니다 : 여기

는 스크린 샷입니다. HTTP : HTTP : http://jsfiddle.net/N9dc9/3/

DEMO에 대한

 $(function() { 
      $("#draggable").draggable({tolerance:"touch"}); 
$("#draggable2").draggable({tolerance:"touch"}); 
      $("#droppable").droppable({ 
       drop: function(event, ui) { 
      var id= $(this).attr('id'); 
      var dragged=$(ui.draggable).attr("id"); 
       alert(dragged); 
       } 
      }); 
      });