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(); 
})();