Question

我有一个应用程序，其界面基于典型的OS用户界面和可拖动的选项卡。

我想让选项卡像操作系统中的窗口一样，最后点击的标签/窗口出现在任何其他窗口的“顶部”。

我知道这与元素的z-index有关。以下是代码的简化版本：

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

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

当标签处于被拖动的状态时，会出现所需的行为，即当它被拖动到页面上时，它会显示在所有元素的“上方”，但是一旦放下鼠标按钮，拖动的div就会再次落后。

无论如何都要实现上述行为？

谢谢

Answer 1

感谢您的快速回复。我发现了一种简单的方法，我完全忽略了JQuery文档。

使用堆栈选项：

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

Answer 2

完成拖动后，手动设置div的css的z-index。