如何添加監聽器，而在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; 
    }); 
});