Uncaught：$(.).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：$(.).bxSlider不是函数

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