javascript - 我写了2条语句，为什么只执行最后一条

Question

$(function(){

    function  turn(){
        var elems=$("#part_1>p");    
      
        elems.eq(1).css("z-index",1).addClass("rotate").siblings().css("z-index",0)
        .delay(1000);//1s后执行第二条语句
        elems.eq(2).css("z-index",1).addClass("rotate").siblings().css("z-index",0)
    

//rotate添加了一个动画    ，问题是为什么总是只执行第二条语句，第一条总是不执行？？
        
        }
    
    turn();

    })

Answer 1

你的delay用错了，delay是不将后面一句话延迟多少时间执行。你这里和没有用delay是一样的效果。两句话都运行了，但是第一句话的效果被第二句话覆盖了。

看看delay的文档，它只对jquery动画效果生效，并且是在它后面链式调用。你这里的效果，老实的用setTimeout吧

Answer 2

html呢，你是不是下标弄错了,还有delay是动画延时函数，不是代码延时

Answer 3

elems.eq(1).css("z-index",1).addClass("rotate").siblings().css("z-index",0)
    .delay(1000)
    .next().css("z-index",1).addClass("rotate").siblings().css("z-index",0);