Discussion :

[benwade]

Bonjour,

Je n'arrive pas à combiner le tri d'une liste ainsi que le drag & drop à partir de cette même liste. Je m'explique :

J'ai une corbeille pour supprimer des éléments, cette corbeille est une div qui est droppable.

Code html :

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

1
2
3
4
<div id="trash">
</div>
 
$("#trash").droppable(...)

J'ai une liste d'éléments qui peuvent être supprimés:

Code html :

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

1
2
3
4
5
6
7
8
<div id="center">
   <ul>
      <li>...</li>
      <li>...</li>
   </ul>
</div>
 
$("#center ul li").draggable(...);

Jusqu'ici tout va bien. Je peux lâcher les éléments dans la corbeille et gérer cet événement à ma sauce. Le problème c'est que maintenant, j'aimerai pouvoir trier les éléments au sein de la liste <ul>.

Code :

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

$("#center ul").sortable(...);

Et là plus rien de va..!

Sans le sortable, la liste ne peut pas se réordonner. Sans le draggable, les éléments mobiles de la liste ne sont pas lâchés dans le droppable étant donné qu'ils sont destinés à rester dans la liste (le "hover" n'est pas déclenché).

Quelqu'un a-t-il la solution ? Je continue de chercher...

[benwade]

Ok après avoir posté j'ai continué les recherches et les tests.

Le "draggable" n'est pas nécessaire, le sortable + droppable fonctionne bien.
Mon problème était ma div #trash qui, avec une taille (width:...) ne déclenchait pas l'événement. Sans CSS ça fonctionne très bien. Le problème est donc ailleurs, je mets résolu ^^