JQuery ziehbare divs

Question

Ich habe eine Anwendung, deren Schnittstelle auf einer typischen Betriebssystem-Benutzeroberfläche mit ziehbaren Registerkarten basiert.

Ich möchte die Registerkarten wie Fenster in einem Betriebssystem auf die Art und Weise, dass die zuletzt angeklickte Registerkarte/Fenster 'oben' von anderen Fenstern erscheint.

Ich weiß, dass dies mit dem Z-Index der Elemente zu tun hat. Hier ist eine vereinfachte Version des Codes:

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

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

Das gewünschte Verhalten tritt auf, wenn die Lasche in der Tat der ist gezogen wird, dh es erscheint ‚oben‘ alle Elemente, wie es um die Seite gezogen wird, aber sobald die Maus Button wird losgelassen das geschleppte div fällt wieder zurück.

Gibt es trotzdem das oben beschriebene Verhalten?

Danke

Answer 1

manuell die CSS die z-Index für Ihre div eingestellt, sobald Sie ziehen beendet.

Check it out here.

Answer 2

Vielen Dank für die schnellen Antworten. Ich habe einen einfachen Weg gefunden, die JQuery-Dokumentation vollständig zu ignorieren.

über die Stapel Option:

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