拖动悬停时 Jquery 可排序

Question

I'm using Jquery's sortable plugin, my question is as follows:

When i'm dragging an element, once I hover a specified element with the one I am dragging, I want a function to be initiated. Remember, not when i hover the element with my mouse, but with the element I am dragging.

Thanks a lot for any help I get with this issue :)

Answer 1

Bind the event after a sortstart is fired

$( ".selector" ).sortable({
   start: function() { 
      $('#elementThatWillBeHoveredOver').hover(hoverStart, hoverEnd);
   }
   stop: function() { $('#elementThatWillBeHoveredOver').off('hover') }
});

Answer 2

I had the same problem as you. I tried several alternatives one with the method "Droppable", there is a jQuery plugin Droppable.

https://api.jqueryui.com/droppable/

$( ".Permissoes > div" ).droppable({
    over: function(event, ui){
        console.log('fn:over',event,ui);
    },
    out: function(event, ui){
        console.log('fn:out',event,ui);
    },
    drop: function(event, ui){
        console.log('fn:drop',event,ui);
    }
);