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是CaSe SeNsItIvE。我只是看到我猜错了。您的bxslider不对，应为bxSlider：

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

请更正！在它给出的doc中：

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

为什么Bxslider不工作

1 个答案: