遺漏的類型錯誤：$（...）bxSlider不是一個函數

Question

<ul class="bxslider"> 
    <li><img src="remove be me" title="Trappers Turn Bunkers Before" /></li> 
    <li><img src="remove be me" title="Trappers Turn Bunkers Rennovation" /></li> 
    <li><img src="remove be my" title="Trappers Turn Bunkers Rennovation" /></li> 
    <li><img src="remove by me" title="Trappers Turn Bunkers After" /></li> 
</ul> 

$(document).ready(function() { 
    $('.bxslider').bxSlider({ 
     mode: 'fade', 
     video: true, 
     auto: true, 
     adaptiveHeight: false, 
     pause: 6000, 
     autoControls: true, 
     captions: true 
    }); 

    $(".bxslider").show(); 
}); 

這給了我這個錯誤，這是爲什麼？

Uncaught TypeError: $(...).bxSlider is not a function

Answer 1

確保腳本已添加到網頁：

記得更換「yourlocation」與文件的實際位置

<!-- jQuery library --> 
<script src="yourlocation/jquery.min.js"></script> 
<!-- bxSlider Javascript file --> 
<script src="yourlocation/jquery.bxslider.min.js"></script> 
<!-- bxSlider CSS file --> 
<link href="yourlocation/jquery.bxslider.css" rel="stylesheet" />