Uncaught 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

Убедитесь, что скрипты были добавлены к странице:

запомнить, чтобы заменить «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" />