當一個元素被拖動到「刪除」圖標上時檢測到

Question

我有一個帶有「刪除」圖標（一個小垃圾桶）和一些使用jQuery UI排序插件的圖像元素的頁面。我希望能夠將某個元素拖到垃圾箱圖標上並將其刪除。是否有可能檢測元素是否與圖標重疊，或者如果光標位於裝有元素的垃圾箱上方，則設置標誌？

或者這可能是可能的沒有可排序？

垃圾桶是靜態的 - 它不會移動，也不是可分類容器的一部分。

下面是截圖：

Answer 1

您可以跟蹤這樣拖動的元素： 的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會是這樣一些東西。

 $(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); 
       } 
      }); 
      }); 

的DEMO：HTTP：HTTP：http://jsfiddle.net/N9dc9/3/