jquery - jquery“动画”z-index 不起作用？

Question

许多其他问题，但似乎没有一个适用。我确信这很简单，但这并不像我期望的那样工作：

$('#conflictsPane').css('left','600px')
    .css('z-index', '1')
    .animate({ left: "750px" }, 'slow')
    .css('z-index', '101')
    .animate({ left: "720px" }, 'fast');

我期待它从另一个元素后面滑出，然后再滑回来一点。它工作得非常好，只是似乎完全忽略了 zindex 的第一次分配。我的另一个元素是 100。如上所示，它从顶部开始并在顶部结束。如果我将 101 更改为 99，它会从以下开始并在以下结束。我假设它只是没有像我期望的那样阻塞。

我尝试添加延迟（然后是一堆延迟），但没有效果。

Answer 1

这完成了工作：

$('#conflictsPane')
    .css('left', '600px')
    .css('z-index', 1)
    .animate({ left: "750px" }, 'slow', function () {
        $(this).css('z-index', 101)
    })
    .animate({ left: "720px" }, 'fast');