SlidesJS - 類型錯誤：$（...）slidesjs不是一個函數

Question

我想實現我的網站上SlidesJS插件，但在頁面加載時我得到以下錯誤：

TypeError: $(...).slidesjs is not a function 

我的HTML是：

<div class="slider"> 
    <div class="container"> 
     <div id="slides"> 
       <img src="<?= img('slides/example-slide-1.jpg') ?>" alt="photo 1"> 
       <img src="<?= img('slides/example-slide-2.jpg') ?>" alt="photo 2"> 
       <img src="<?= img('slides/example-slide-3.jpg') ?>" alt="photo 3"> 
       <img src="<?= img('slides/example-slide-4.jpg') ?>" alt="photo 4"> 
       <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a> 
       <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a> 
     </div> 
    </div> 
</div> 

我的CSS文件包含：

.slider #slides { 
    display: none; 
} 

我的js文件包含：

$(document).ready(function() { 

    ... 

    $("#slides").slidesjs({ 
      width: 1000, 
      height: 290 
     }); 
    } 

我已經包括jQuery和插件的特定腳本，但我仍然得到這個錯誤。 我錯過了什麼嗎？

Answer 1

我有同樣的問題，並通過將文件包含移動到頁腳來解決它。