检测何时将元素拖动到“删除”图标上

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

for DEMO：http：http：http://jsfiddle.net/N9dc9/3/