2014-01-26 66 views
1

我需要爲文本添加動畫才能與某些音軌匹配,因此每個動畫都有延遲。延遲後的動畫文本,順序動畫

我把延遲的時間放到數據音頻中,但在嘗試使它們按順序顯示時遇到.animate()困難。我需要他們在延遲過期後才顯示&開始動畫。

function scaleText() { 
    var t = $('.scalebox').data('times'); 
    if (t) { 
     var anima = $('.scale'); 
      var i; 
      for (i = 0; i < t.length; i++) { 
       anima.eq(i).delay(t[i]).show().animate({ 
        opacity: 0, 
        fontSize: "4em" 
        }, 0, function() { 
         $(".scale").animate({ 
         opacity: 1, 
         fontSize: "1.313em" 
         }, 4000); 
        }); 


      } 
    } 
} 

如果我不把節目(),那麼一切都是不可見的。我無法弄清楚在哪裏放置節目,以便它會在延遲後發生。

小提琴http://jsfiddle.net/qPv8m/1/

回答

0

show()不是動畫的方法,以便它不會被添加到隊列FX它不與delay()工作。
但是,您可以使其成爲一個動畫方法通過增加持續時間

.show(1) 

FIDDLE

+0

我永遠不會讓我自己這個問題的答案,非常感謝。 –