Draggable, largable et triables

Question

Je suis nouveau à JQuery .... Récemment je travaillais sur un projet et j'ai fait face le problème suivant:

J'ai deux ul (par exemple: galerie (LHS) et les déchets (RHS)).

Dans la galerie j'ai 8 li et ils sont traînables et triable. Je peux glisser et déposer les li dans la corbeille. Je peux même les trier dans les poubelles. Le problème que je suis confronté est avec le placement de ce li En fait, initialement la poubelle est vide, mais a une image de fond avec 8 boîtes rectangulaires et chaque boîte rectangulaire a un numéro de série en elle. 8 boîtes rectangulaires sont simplement une seule image).

Donc, chaque fois que je dépose le premier li dans la poubelle, la première boîte rectangulaire se cache derrière le li. quand je laisse tomber le deuxième, la deuxième boîte se cache et ainsi de suite .....

Maintenant je veux que quand je fais glisser le premier li de la galerie sur le 8ème rect. la boîte de la poubelle reste là au lieu de se déplacer vers le haut car c'est un seul récipient. Quelqu'un m'a suggéré d'utiliser 8 conteneurs différents. Mais le problème est que je peux rendre ce conteneur 8 triable. J'ai besoin d'un draggable, droppable sur un conteneur particulier et Li liable dans ce 8 conteneur.

Answer 1

Vous pouvez travailler avec 8 conteneurs différents, comme suggéré. Ensuite, lorsque l'utilisateur laisse tomber quelque chose sur le conteneur 8, vous pouvez mettre la valeur sur laquelle vous voulez trier, dans le conteneur. Ensuite, lorsque les utilisateurs veulent trier, trier les 8 conteneurs.

Si ce n'est pas assez clair, postez peut-être du code (simplifié), et je verrai si je peux vous aider.