javascript - 管理多个对象的 z-index

Question

这是我的困境：如果我使用增量 z-index，比如 click(z-index += 1)，用户可以单击最顶部的元素 100 次，从而使下一次单击较低的对象无用。我目前这样做的方式，就像在小提琴中一样，我将所有类似的元素设置为基本 z-index，然后将当前的元素设置得更高。

$(document).on('click','.tile',function() {
    $('.tile').css('z-index','10');
    $(this).css('z-index','100');
});

这在大多数情况下都有效，但它有一些奇怪的行为，如果您只需单击几下就可以看到。即，最后点击的项目有时会更远（我猜具有相同索引的项目被任意选择在顶部？）。

score 1 · Accepted Answer

我能想到的唯一解决方案是跟踪“onTop”和“最高”，因此说类似（使用工作代码更新）：

$(document).on('click','.tile',function() {
    $(this).css('z-index',zHighest + 1);
    zHighest += 1;
});

有人看到这个问题或推荐更好的方法吗？

1 回答 1