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

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

演示:http:http：http://jsfiddle.net/N9dc9/3/