UI Draggable. Modifier la valeur de l'élément cloné.

Bonjour,

J'ai un problème tout con mais je n'arrive pas à trouver pour l'instant de solution... :roll:

Avec la fonction suivante, je clône un élément dans une autre liste

Code:

---

1 2 3 4 5 6 7 8 9 10

$( "#tool_items .tool" ).draggable({ connectToSortable: 'ul#form_items', containment: 'ul#form_items', helper: 'clone',revert: false,stop: function(event, ui) { $('#label_number').val(parseInt($('#label_number').val())+1); ui.helper.text( ui.helper.text() + $('#label_number').val() ); alert(ui.helper.text()); } });

---

Ca fonctionne sans problème, le seul hic c'est que je ne parviens pas à modifier la valeur (texte) de l'élément clôné... Voir en rouge dans le code

ui.helper m'affiche bien ce que je désire dans le alerte, mais à l'affichage, le texte reste inchangé.

Qu'ai-je loupé?

un grand merci! :ccool:

Bonsoir

L'action est terminée, le helper est invisible.

C'est bien ce que je craignais...

Est-il possible alors de "pointer" sur l'objet cloné d'une autre manière?

[Edit 2010-08-12 09:16]

Bon, après réflexion j'ai pris le problème autrement...

Après un "drag", une nouvelle classe est ajoutée à l'objet "ui-draggable"

Je repère dans ma liste qui réceptionne mon objet et je select cet objet via cette classe...

Je modifie comme je souhaite mon objet, ensuite je fais un removeClass('ui-draggable')...

De cette manière, il n'est plus possible de se tromper d'objet...

Voici le code utilisé:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$( "#tool_items .tool" ).draggable({ connectToSortable: 'ul#form_items', containment: 'ul#form_items', helper: 'clone',stop: function(event, ui) {   $('#label_number').val(parseInt($('#label_number').val())+1); $('#form_items .ui-draggable').text($('#form_items .ui-draggable').text()+$('#label_number').val()); $('#form_items .ui-draggable').removeClass('ui-draggable');     }   });

---

Si il y avait meilleure solution, je suis preneur... mais celle-ci ne semble pas mal du tout!