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

我试图设置z-index上的draggable元素使用jQuery。你可以看到我在说什么和我目前到这里：

http://jsfiddle.net/sushik/LQ4JT/1/

它是非常原始和有它的问题。任何想法如何使最后一个点击的元素具有最高的z-index，而不是重置所有的其余的基本z-index，让他们的步骤，所以第二次最后点击具有第二高的z指数，等等..

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

解决方法

我已更新您的CSS和Javascript。不要在css中使用“！important”，除非你非常绝望。

http://jsfiddle.net/LQ4JT/7/

$(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++);
    });

});

虽然这个答案工作，它有最大数量的限制2 ^ 31-1在javascript。
请参阅What is JavaScript’s Max Int? What’s the highest Integer value a Number can go to without losing precision?了解更多信息。