让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>
答案 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'
});
});