スライダが自動的に動かない

Question

シングルページのWebサイトを開発していますが、スクリプトを追加してもスライダが自動的に移動しません。私のスライダーが自動的に動くようにしてください。私も、私は私のスライダーは、いくつかの間隔の後に自動的に移動を開始するように、私は適切なスクリプトファイルを見つける助けてくださいので、追加しようとした私のスクリプトコードを追加してい

 <div id="slider" class="sl-slider-wrapper"> 

      <div class="sl-slider"> 

       <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2"> 

        <div class="bg-img bg-img-1"></div> 

        <div class="slide-caption"> 
         <div class="caption-content"> 
          <h2 class="animated fadeInDown">Lorem ipsum</h2> 
          <span class="animated fadeInDown">Lorem ipsum</span> 
          <a href="#" class="btn btn-blue btn-effect">Join US</a> 
         </div> 
        </div> 

       </div> 

       <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5"> 

        <div class="bg-img bg-img-2"></div> 
        <div class="slide-caption"> 
         <div class="caption-content"> 
          <h2>Lorem ipsum</h2> 
          <span>Lorem ipsum</span> 
          <a href="#" class="btn btn-blue btn-effect">Join US</a> 
         </div> 
        </div> 

       </div> 

       <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1"> 

        <div class="bg-img bg-img-3"></div> 
        <div class="slide-caption"> 
         <div class="caption-content"> 
          <h2>Lorem ipsum</h2> 
          <span>Lorem ipsum</span> 
          <a href="#" class="btn btn-blue btn-effect">Join US</a> 
         </div> 
        </div> 

       </div> 

      </div><!-- /sl-slider --> 

      <!-- 
      <nav id="nav-arrows" class="nav-arrows"> 
       <span class="nav-arrow-prev">Previous</span> 
       <span class="nav-arrow-next">Next</span> 
      </nav> 
      --> 

      <nav id="nav-arrows" class="nav-arrows hidden-xs hidden-sm visible-md visible-lg"> 
       <a href="javascript:;" class="sl-prev"> 
        <i class="fa fa-angle-left fa-3x"></i> 
       </a> 
       <a href="javascript:;" class="sl-next"> 
        <i class="fa fa-angle-right fa-3x"></i> 
       </a> 
      </nav> 


      <nav id="nav-dots" class="nav-dots visible-xs visible-sm hidden-md hidden-lg"> 
       <span class="nav-dot-current"></span> 
       <span></span> 
       <span></span> 
      </nav> 

     </div><!-- /slider-wrapper --> 

：以下、次のHTMLコードを見つけてください。私のスクリプトを探す ：それは実行している間、

// Carousel Auto-Cycle 
      $(document).ready(function() { 
      $('.sl-slider-wrapper').sl-slider-wrapper({ 
       interval: 1000 
      }) 
      }); 

Answer 1

あなたはあなたのページのデベロッパーツールで見たことがありますか？私はそれがエラーをスローだと確信しています - ドキュメント準備ができて関数内のJavaScriptは、次のようになります。

... 
$('.sl-slider-wrapper').slitslider({ 
... 

私はそれはあなたのJavaScriptでのコピー/貼り付けエラーだと思います。