キャッチされない例外TypeError：$（...）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

スクリプトがページに追加されていることを確認してください：

がファイル

<!-- 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" /> 

の実際の位置と「 yourlocation」を置き換えることを忘れないでください