Comment faire en sorte que le draggable jQuery s'accroche à une gouttelette de taille équivalente

Question

J'ai ma configuration draggable et droppable correctement en utilisant jquery-ui. Ils sont tous deux de la même taille, de sorte que le draggable devrait bien s'ajuster à la gouttelette. Est-il possible de faire glisser le draggable au milieu du droppable pour le recouvrir complètement? Il semble que si j'utilise le paramètre snap: il est juste accroché aux bords, et pas nécessairement au milieu de la droppable.

Answer 1

serait-ce pas faire le travail, donner ou prendre un pixel:

drop: function(event, ui) { 
    $(ui.draggable).offset($(this).offset()); 
    } 

Answer 2

Ou puisque vous utilisez déjà jQuery UI, il y a la méthode position

drop: function(event, ui) { 
    ui.draggable.position({of: $(this)}); 
}