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

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/