为什么 Bxslider 不工作

Question

我正在我的 html 文件中编写这段代码。但幻灯片不工作。所有图像都垂直排列。它说 bxslider() 不是函数。有人可以帮忙吗？

<html>
  <head>
    <script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="jquery.bxslider.min.js" type="text/javascript"></script>
    <link href="jquery.bxslider.css" rel="stylesheet" />
  </head>
  <body>
    <ul class="bxslider">
      <li><img src="pictures/newban.jpg" /></li>
      <li><img src="pictures/ban8_2.jpg" /></li>
      <li><img src="pictures/ban7.jpg" /></li>
      <li><img src="pictures/ban1.jpg" /></li>
    </ul>
    <script type="text/javascript">
      $(document).ready(function(){
        $('.bxslider').bxslider({
          autoControls: true
        });
      });
    </script>
  </body>

Answer 1

JavaScript 区分大小写。我刚刚看到我猜有一个错字。你的bxslider不对，应该是bxSlider:

$('.bxslider').bxSlider({
//---------------^ --------- Change it to bxSlider, it is an uppercase S.

请更正！在 doc 它给出了：

$(document).ready(function(){
  $('.bxslider').bxSlider();
});

为什么 Bxslider 不工作

Why Bxslider is not working

javascript

jquery

bxslider