bxslider错误的代码实现

时间:2014-08-21 11:05:17

标签: bxslider

让BXslider工作时遇到了麻烦。问题是,它所做的只是普通的列表 - 而不是幻灯片。我不知道我的代码有什么问题。我正在暂停所有步骤,我甚至在查看其他网站的代码。所有.js和.css文件都已正确链接。

查看我的代码:

<html>
<head>
 <script src="jquery.bxslider.js"></script>
 <script src="jquery.min.js"></script>

 <link href="jquery.bxslider.css" rel="stylesheet" />

 <script type="text/javascript">
  $(document).ready(function(){
  $('.bxslider').bxSlider({
    mode: 'fade',
    captions: 'true',
    auto: 'true',
    autoControls: 'false',
  });
  });
 </script>
</head>

<body>

 <ul class="bxslider">
  <li> blablabla</li>
  <li> blablabla</li>
  <li> blablabla</li>
 </ul>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

更改脚本来源的顺序,如下所示,并在&#39; false&#39;

之后删除
 <script src="jquery.min.js"></script>
 <script src="jquery.bxslider.js"></script>



    $(document).ready(function(){
  $('.bxslider').bxSlider({
    mode: 'fade',
    captions: 'true',
    auto: 'true',
    autoControls: 'false'
  });
  });