JQuery перетаскиваемые div

Question

У меня есть приложение, интерфейс которого основан на типичном пользовательском интерфейсе ОС с перетаскиваемыми вкладками.

Я хочу, чтобы вкладки действовали как окна в операционной системе так, чтобы последняя нажатая вкладка / окно отображалась «поверх» любых других окон.

Я знаю, что это связано с z-индексом элементов. Вот упрощенная версия кода:

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

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

Требуемое поведение возникает, когда вкладка находится в процессе перетаскивания, то есть она отображается «над» всеми элементами при перетаскивании по странице, но когда кнопка мыши отпущена, перетаскиваемый элемент Div снова отстает.

Есть ли способ достичь поведения, описанного выше?

Спасибо

Answer 1

Спасибо за быстрые ответы. Я нашел простой способ сделать это, я полностью пропустил документацию JQuery.

Использование опции стека:

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

Answer 2

Вручную установите z-index для css вашего div, когда вы закончите перетаскивание.

Проверьте это здесь.