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();
});

这给了我这个错误，为什么会这样？

未捕获的TypeError：$（...）。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" />

未捕获的TypeError：$（...）。bxSlider不是函数

1 个答案: