Discussion :

[dev14]

Bonjour, j'aimerais pouvoir déplacer des objets dans deux listes simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<ul id="listeA">
<li>obj</li>
...
</ul>
 
<ul id="listeB">
</ul>

Je voudrais que lorsqu'on clique sur le li contenant obj, il aille dans la liste B et là pas de problème, je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$('ul#listeA li').click(function(){
   $('ul#listeB').append($(this).get());
});
 
// fonction de retour
$('ul#listeB li').click(function(){
   $('ul#listeA').append($(this).get());
});

Et ça marche. MAIS, j'ai la fonction de retour qui est à l'identique qui ne fonctionne pas par contre ! Savez vous pourquoi?

Merci

[SpaceFrog]

il sert à quoi le get() ?

[dev14]

à rien en effet.

bien que ça ne résolve pas le problème hélas.

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$('#listeA').on('click','li',function(){
   $('#listeB').append($(this));
});
 
// fonction de retour
$('#listeB').on('click','li',function(){
   $('#listeA').append($(this));
});

[dev14]

Chez moi ça n'a pas marché.

je pense qu'il faudrait plutôt utiliser de l'ajax car le js est chargé et le contenu des ul est chargé une fois. Il ne mémorise pas les changements j'ai l'impression.

[Bovino]

Regarde la doc de .on() et en particulier la partie sur la délégation d'événements...