我试图设置z-index上的draggable元素使用jQuery。你可以看到我在说什么和我目前到这里:
http://jsfiddle.net/sushik/LQ4JT/1/
它是非常原始和有它的问题。任何想法如何使最后一个点击的元素具有最高的z-index,而不是重置所有的其余的基本z-index,让他们的步骤,所以第二次最后点击具有第二高的z指数,等等..
我遇到的另一个问题是,它只适用于完全点击事件,但可拖动功能通过单击并按住。如何在初始点击下应用该类,而不是等待释放点击的事件?
解决方法
我已更新您的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++); });
});
虽然这个答案工作,它有最大数量的限制2 ^ 31-1在javascript。
请参阅What is JavaScript’s Max Int? What’s the highest Integer value a Number can go to without losing precision?了解更多信息。