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

我已更新您的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?了解更多信息。