如何添加监听器，而在jQuery中拖动

Question

有没有办法如何将监听器“droppable”添加到元素，实际上是在拖动“可拖动”元素时悬停？

我试过这个，但它不起作用。

$("#draggable span.item").draggable({ 
    helper: "clone", 
    drag: function(event, ui) { 
    var pos = ui.position; 
    var element = document.elementFromPoint(pos.left, pos.top); 

     $(element).droppable({ 
     classes: { 
      "ui-droppable-hover": "hover" 
     }, 
     drop: function(event, ui) { 
      console.log('dropped'); 
     } 
     }); 

    } 
}); 

我想这是因为我需要申请“可弃”的许多元素和经典的方式通过jQuery $("#droppable span.item").droppable();在这种情况下很慢。所以我想初始化“droppable”侦听器，只为元素添加元素，而这些元素在放下的同时悬停。

Answer 1

did you try this 
    $(document).ready(function() { 
    var $dragging = null; 

    $(document.body).on("mousemove", function(e) { 
     if ($dragging) { 
      $dragging.offset({ 
       top: e.pageY, 
       left: e.pageX 
      }); 
     } 
    }); 

    $(document.body).on("mousedown", "div", function (e) { 
     $dragging = $(e.target); 
    }); 

    $(document.body).on("mouseup", function (e) { 
     $dragging = null; 
    }); 
});