jquery和z-index延迟不起作用

Question

我试图将一个div从一个div后面移到另一个div的顶部但是以无缝的方式移动，就像你将卡片从卡座的底部交换到顶部一样。

我想要完成的任务将使用css -9 z-index的div向右移动，应用新的z-index，然后将其滑回另一个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();
 });