jQueryアニメーションが「キュー」機能内でトリガーされない

Question

動的にフェードアウト、変更してテキストをフェードインするjQuery関数を書きましたが、残念ながら最終的には$("span > span").animate({"opacity":"0.6"}); は機能しませんでした。

スクリプト全体は次のとおりです。

HTML

<div class="catch-text"> 
    <span>Share your <span style="color:#FF00A3">creativity</span></span> 
</div> 

var changeText = function changeText() { 
       $("span > span").animate({"opacity":"0"},1600, function() { 
        $("span > span").text("passion"); 
        $("span > span").animate({"opacity":"0.6"}, 1600, function() { 
         $("span > span").animate({"opacity":"0"}, 1600); 
         $("span > span").queue(function() { 
          $("span > span").text("creativity"); 
          $("span > span").animate({"opacity":"0.6"}); 
         }); 
        }); 
       }); 
      } 

のでjqueryの後の後トリガされません（これは動作します）アニメーション機能創造にテキストを変更します。あなたがここにqueueを必要としない

Answer 1

、することができます秒のアニメーションにちょうど巣別のコールバック：

var changeText = function changeText() { 
    $("span > span").animate({ 
    "opacity": "0" 
    }, 1600, function() { 
    $("span > span").text("passion"); 
    $("span > span").animate({ 
     "opacity": "0.6" 
    }, 1600, function() { 
     $("span > span").animate({ 
     "opacity": "0" 
     }, 1600, function() { 
     // second callback 
     $("span > span").text("creativity"); 
     $("span > span").animate({ 
      "opacity": "0.6" 
     }); 
     }); 
    }); 
    }); 
};