JQuery draggable divs

Question

J'ai une application dont l'interface est basée sur une interface utilisateur de système d'exploitation typique avec des onglets pouvant être déplacés. Je veux faire en sorte que les onglets agissent comme des fenêtres dans un système d'exploitation de la même manière que le dernier onglet/fenêtre cliqué apparaît en haut de toutes les autres fenêtres. Je sais que cela a à voir avec l'index z des éléments. Voici une version simplifiée du code:

<div class="tab"> 
content 
</div> 

$('.tab').draggable({ zIndex: 1000000 }); 

Le comportement souhaité se produit lorsque l'onglet est dans l'acte d'être traîné par exemple, il semble tous les éléments « ci-dessus » comme il est traîné dans la page, mais une fois que la souris le bouton est laissé aller le div traîné tombe encore derrière.

Y at-il de toute façon pour atteindre le comportement décrit ci-dessus?

Merci

Answer 1

Définissez manuellement l'index z pour le css de votre div une fois que vous avez terminé le déplacement.

Check it out here.

Answer 2

Merci pour les réponses rapides. J'ai trouvé un moyen simple de le faire, j'ai complètement négligé la documentation de JQuery.

En utilisant l'option de la pile:

$('.tab').draggable({stack: { group: '.tab', min: 50 });