[jQuery UI] Draggable/Droppable : comment obtenir les éléments drag et drop
mercredi 14 octobre 2009
J'ai fouillé longtemps dans la documentation de jQuery UI pour savoir comment faire en sorte - avec le module draggable/droppable - de récupérer l'élément qui est déplacé (drag) et celui où on relâche la souris (drop). La doc est vachement incomplète de ce coté je vais donc vous l'expliquer :
Si je reprends le "super" exemple de cette page, il est expliqué comment obtenir l'élément qui réception l'autre (le drop) mais pas le drag. Je n'explique pas ici comment mettre en place le drag/drop, sachez néanmoins que l'élément qui est déplacé c'est le drag, et celui qui reçoit c'est le drop.
$('.drag').draggable({ helper: 'clone' });
$(".drop").droppable({
accept: ".drag",
hoverClass: 'droppable-hover',
drop: function(event, ui) {
var drop = $(this);
var drag = $(ui.draggable[0]);
// votre code ici
}
});
jquery, jquery ui, drag drop, draggable, droppable, get id, ui.draggable, obtenir élément déplacé en mouvement, getDropElement, getDragElement