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

前端之家收集整理的这篇文章主要介绍了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?了解更多信息。

猜你在找的jQuery相关文章