Bxslider不工作

时间:2015-01-13 12:36:35

标签: jquery bxslider

Bxslider无法正常工作......可能是什么问题?我使用的是bxslider网站上的相同代码...请帮帮我

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="./jquery.bxslider.css"></script>
<link href="./jquery.bxslider.js" rel="stylesheet">    
<script type="text/javascript">
  jQuery(document).ready(function(){
        jQuery('.slider1').bxSlider({
            slideWidth: 200,
            minSlides: 2,
            maxSlides: 3,
            slideMargin: 10
      });
  });    
</script>

<div class="slider1">
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar1"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar2"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar3"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar4"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar5"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar6"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar7"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar8"></div>
  <div class="slide"><img src="http://placehold.it/350x150&text=FooBar9"></div>
</div>

1 个答案:

答案 0 :(得分:1)

问题在于:

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

应该是:

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