很多其他问题,但似乎没有一个适用。我确信这很简单,但这并不像我期望的那样:
$('#conflictsPane').css('left','600px')
.css('z-index', '1')
.animate({ left: "750px" }, 'slow')
.css('z-index', '101')
.animate({ left: "720px" }, 'fast');
我希望它从另一个元素后面滑出,然后再滑回它上面一点。它工作得很好,除了似乎完全忽略了 zindex 的第一次分配。我的另一个元素是 100。如上所示,它从顶部开始并在顶部结束。如果我将 101 更改为 99,它会在下方开始并在下方结束。我假设它并没有像我预期的那样阻塞。
我尝试添加延迟(然后是一堆延迟)但没有效果。
最佳答案
这完成了工作:
$('#conflictsPane')
.css('left', '600px')
.css('z-index', 1)
.animate({ left: "750px" }, 'slow', function () {
$(this).css('z-index', 101)
})
.animate({ left: "720px" }, 'fast');
关于jquery "animate"z-index 不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16755896/