jquery - 更改元素宽度的 z-index

Question

我对两个元素之间的 z-index 有问题。当蓝色框展开时，它应该越过橙色，橙色越过蓝色。我决定在框展开时添加类...
http://jsfiddle.net/RRMLU/2/

function blue() {
if ($("#blue").width() > 350) {
    $(this).addClass('test')

}
else {
    $(this).removeClass('test')
}
$("#blue").delay( 0 )
    .animate({"height": "+=15px", "width": "+=25px", },1000, 'swing');
$("#blue").delay( 500 )
    .css({"position":"absolute"})
    .animate({"height": "-=15px", "width": "-=25px"},1000, 'swing', blue)
$("#blue").delay( 1500 )

}

我尝试使用此代码，但没有运气... :(

谢谢！

Answer 1

您可以z-index使用以下方法在 jQuery 中设置元素的$('#blue').zIndex(1);：当盒子动画时尝试使用它。

Answer 2

我不确定你想做什么，而且你的代码看起来有点混乱......

我添加了带有 z-index 的类 .test ...

并且在悬停时也调用了 blue() 函数

http://jsfiddle.net/EXKP2/

$("#blue").hover(function(){
        $(this)
        .animate({"height": "280px", "width": "430px"},1000, 'swing', blue)
        .css({"box-shadow":"1px 3px 3px #333"});
        $(this).stop(true,false);
 },
    function() {
        $(this)
        .animate({"height": "218px", "width": "405px"},1000, 'swing', blue)
        .css({"box-shadow":"none"});
        $(this).clearQueue();
});