jquery "animate" z-index không hoạt động?

Question

Rất nhiều câu hỏi khác, nhưng dường như không có câu hỏi nào được áp dụng. Tôi chắc chắn đây là một cái gì đó đơn giản, nhưng điều này không làm việc như tôi mong đợi:

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

Tôi mong nó trượt ra từ phía sau một yếu tố khác sau đó trượt lại trên nó một chút. Nó hoạt động thực sự tốt ngoại trừ dường như hoàn toàn bỏ qua việc phân công đầu tiên của zindex. Yếu tố khác của tôi là 100. Vì nó ở trên, nó bắt đầu trên đầu và kết thúc ở trên cùng. Nếu tôi đổi 101 thành 99, nó bắt đầu dưới và kết thúc dưới. Tôi cho rằng nó không bị chặn như tôi đang mong đợi.

Tôi đã thử thêm một sự chậm trễ (và sau đó là một loạt các sự chậm trễ) nhưng nó không có hiệu lực.

Answer 1

Điều này đã thực hiện công việc:

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