【发布时间】: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 文件放在哪里?在根目录还是文件夹中?
-
<link href="./jquery.bxslider.js" rel="stylesheet"> -
我认为你的 css 和 js 放错了位置