jquery 和 z-index 延迟不起作用

Question

我正在尝试将一个 div 从一个 div 后面移动到另一个 div 上，但是以一种无缝的方式，就好像您将一张卡片从牌组底部交换到顶部一样。

我想要完成的是将带有 -9 z-index 的 css 的 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();
 });