Move sur un rectangle

Bonjour,
Je travail avec SVG et Jquery.
Sur ma zone de dessin j'ai plusieurs rectangles, lorsqu'on clique sur un des rectangles on peut le déplacer :

Code:

---

1 2 3 4 5 6 7 8 9

$('rect').bind('mousedown', function(e){ x = e.target.parentNode.getAttribute('id'); $('rect').bind('mousemove', function(e){ $('#'+x).attr('transform' , 'translate('+e.pageX+', '+e.pageY+')'); }); $('rect').bind('mouseup',function(){ $('#'+x).unbind('mousemove'); });

---

Mon souci, c'est lorsque je lache la souris, je suis obligé de recliqué pour quitter le mode 'move' alors qu'il doit s'arrête dès que j'ai laché la souris...
Avez-vous une idée de ce qui manque dans mon code ?
Merci de votre aide

=> drag & drop ...
dragable() ...

C'est normal, tu affectes un événement à un élément et tu le supprimes sur un autre...

Salut,

Tu fais le bind de 'mousemove' sur 'rect', et le unbind de 'mousemove' sur ('#' + x)

EDIT : Wow ! quelle synchronisation !

Merci de vos réponses aussi rapide ! :D
SpaceFrog : sans être sur de moi, mais il me semble que draggable() ne fonctionne pas avec Jquery SVG.

Et Bovino & Enerian : parfait, c'était ca, vraiment bête comme "erreur" !

Merci beaucoup et bonne journée !

http://pastebin.com/j64LhtTZ