【问题标题】:Bxslider is not workingBxslider 不工作
【发布时间】:2015-01-13 12:36:34
【问题描述】:

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>

【问题讨论】:

  • 控制台有错误吗?
  • bxSlider 文件放在哪里?在根目录还是文件夹中?
  • &lt;link href="./jquery.bxslider.js" rel="stylesheet"&gt;
  • 我认为你的 css 和 js 放错了位置

标签: jquery bxslider


【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-29
    • 1970-01-01
    相关资源
    最近更新 更多