curvetext.js不能在任何文本動畫中工作

Question

我曾經爲我的主標題使用了拱形文本。我從以下位置使用的腳本：

http://circletype.labwire.ca/

這是我爲圓角文本工作小提琴：

http://jsfiddle.net/60rz99zu/

$('#main-content').circleType({radius: 1000}); 

我想方位的變化這樣的小提琴。

http://jsfiddle.net/jfriend00/n4mKw/

我試過很多劇本。但動畫不起作用。這是我的動畫小提琴。

http://jsfiddle.net/60rz99zu/1/

var quotes = $(".quotes"); 
var quoteIndex = -1; 
function showNextQuote() { 
    ++quoteIndex; 
    quotes.eq(quoteIndex % quotes.length) 
     .fadeIn(2000) 
     .delay(2000) 
     .fadeOut(2000, showNextQuote); 
} 

showNextQuote(); 

我怎樣才能做到這一點？

Answer 1

你還沒有爲相應類改變類名，試試這個fiddle

(function() { 
    $('#main-content').circleType({ 
     radius: 1000 
    }); 
    var textCenter = $(".text-center"); 
    var quoteIndex = -1; 
    function showNextQuote() { 
     ++quoteIndex; 
     textCenter.eq(quoteIndex % textCenter.length) 
      .fadeIn(1000) 
      .delay(1000) 
      .fadeOut(2000, showNextQuote); 
    } 
    showNextQuote(); 
})();