在可拖动元素上设置z-index

一尘不染

在可拖动元素上设置z-index

css

我正在尝试使用jQuery在可拖动元素上设置z-index。您可以在这里看到我在说什么以及到目前为止我所拥有的：

这是非常原始的，并且存在问题。关于如何使最后点击的元素具有最高z-
index的任何想法，而不是将所有其余元素重置为基数z-index，而是让它们逐步执行，因此，最后一次点击的第二个具有第二最高的元素，依此类推z-index。

我遇到的另一个问题是，它仅在完全单击事件上起作用，而可拖动功能通过单击并按住来起作用。我如何才能在该初始点击上应用该类，而不等待释放点击的事件？

阅读 636

2020-05-16

共1个答案

一尘不染

我已经更新了您的CSS和Javascript。除非您如此绝望，否则不要在CSS中使用“！important”。

    $(document).ready(function() {
        var a = 3;
        $('#box1,#box2,#box3,#box4').draggable({
            start: function(event, ui) { $(this).css("z-index", a++); }
        });
    $('#dragZone div').click(function() {
        $(this).addClass('top').removeClass('bottom');
        $(this).siblings().removeClass('top').addClass('bottom');
        $(this).css("z-index", a++);
    });

}）;

尽管此答案有效，但在javascript中最大数量限制为2^31−1。引用Number在不损失精度的情况下可以到达的JavaScript的最高整数值是多少？有关更多信息。

2020-05-16