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(); 
});