jquery - 遅延のあるjquery css backgroundpositionアニメーション

Question

これは機能します：

$("#header li a").hover(
        function(){
            $(this).fadeOut().delay(2000).fadeIn();
        },
        function(){
        }
    );

これはそうではありません：

$("#header li a").hover(
        function(){
            $(this).css("background-position","center 0").delay(500).css("background-position","center -76px").delay(500).css("background-position","center -152px");
        },
        function(){
        }
    );

なぜ？最後の css 値 (中心 -152px) を表示するだけです。

Answer 1

delay()任意の関数ではなく、キュー (ほとんどの場合アニメーション) で動作します。setTimeout()代わりに使用する必要があります。