Sequence.JS沒有動畫效果（或者做任何事情）

Question

我正在使用Sequence.JS創建網站。我瀏覽了十幾次，我有幾個animate-in和animate-out類，所以它應該在加載時做SOMETHING。這裏是我的HTML標記：

<div id="feature"> 
    <div id="featurewrap"> 
     <div id="slider"> 
      <ul id="slides" class="sequence"> 
       <li class="slide1"> 
        <div class="headline left"> 
         <a href="#"> 
          <h2>Testing the slider headline</h2> 
          <p class="blurb">This is an example of the captions you can have on the slider</p> 
         </a> 
        </div> 
        <img src="img/slides/slide1.jpg" /> 
       </li> 
       ...Slide2... 
       ...Slide3... 
      </ul> 
     </div> 
    </div> 
</div> 

這裏是我的jQuery的標記：

$(function(){ 
    var options = { 
     preloader: false, 
     hideFramesUntilPreloaded: false, 
     fallback: { 
      theme: "fade", 
      speed: 500 
     }, 
     pauseOnHover: true, 
     animateStartingFrameIn: true, 
     transitionThreshold: 250, 
     reverseAnimationsWhenNavigatingBackwards: false, 
     autoPlay: true, 
     autoPlayDelay: 6000 
    }; 
    var sequence = $("#slider").sequence(options).data("sequence"); 
}); 

此外，這裏是我目前工作的網站：cirkut.net/sub/2013northwood/

有沒有控制檯錯誤。據我可以告訴所有腳本加載正確，並按順序。序列應該添加animate-in類到第一張幻燈片。目前沒有任何事情發生，即使使用autoPlay。

任何想法？謝謝！

UPDATE： 我添加了一個類的.sequence-canvas到ul現在第一張幻燈片中動畫不過，我現在擁有的sequence.js不是動畫到6000ms之後的下一個幻燈片的問題。

P.S.更新 好吧，現在它是隨機工作。

任何人誰在將來讀這個問題，請確認您添加一個類的.sequence-canvas到包含幻燈片ul！

Answer 1

你可以試試這個嗎？

Sequence slider stopping after second slide

綜上所述：

確保每張幻燈片的所有直接孩子至少有一個.animate-in過渡和該元素的值實際轉變。