comment renvoyer un élément déplaçable à sa position initiale à l'aide de jquery

Question

J'ai un ensemble d'images placées comme position:relative (en les affichant l'une à côté de l'autre).

J'utilise ce code pour les glisser-déposer (volé dans la documentation de l'API jQuery, modifié selon mes besoins). Ce que j'essaye de faire est de retourner l'élément draggable à sa position initiale, après que l'utilisateur l'abandonne. Cependant, parce que mes éléments sont relativement positionnés, les premières coords de gauche sont les mêmes pour tous (ou c'est ce que je comprends de la documentation - je peux me tromper ici). Ainsi, bien que les images reviennent, elles s'empilent les unes sur les autres.

Qu'est-ce que je fais mal? Qu'est-ce que je suis supposé faire?

Answer 1

Bien. Au lieu de faire cela par vous-même, utilisez l'option de retour du draggable. Depuis les quais jQuery UI:

$(".selector").draggable({ revert: true }); 

Answer 2

Vous pouvez faire connaître sa position relative, haut = 0px, et à gauche = 0px. Travaillé pour moi avec ce code:

$(function(){ 
$('#draggable').draggable().append('<a href=# class=exit>x</a>'); 
}); 
$(function(){ 
$('.exit').click(function(){ 
$('#draggable').css({ 
'top': '0px', 
'left': '0px', 
'position': 'relative' 
}); 
}); 
});