jquery和z-index延迟不工作

Question

我试图从一个div后面移动一个div到另一个div顶部，但以无缝方式移动，就好像你将一张牌从甲板底部换到顶部一样。

我想要完成的工作将有一个从Css-9 z-index的div移动到右侧，应用一个新的Z-索引，然后将其滑动回到另一个div顶部的左侧。

我遇到的问题，无论延迟如何，z-index都会立即应用，所以效果不存在。

$('#reportright').animate({left: '900px'}, 350); 
    $('#reportright').delay(200).css('z-index', 3000); 
    $('#reportright').animate({left: '500px'}, 350); 

有谁知道如何使这项工作？

感谢，

Answer 1

你必须把它放在队列：

$('#reportright').delay(200).queue(function (next) { 
    $(this).css('z-index', 3000); 
    next(); 
});