Javascript bxSlider工作不正常
由于某些原因,我无法使jQuery工作。我一步一个脚印都没走!下面是正在发生的事情: 所有样式和JavaScript:Javascript bxSlider工作不正常,javascript,jquery,html,plugins,bxslider,Javascript,Jquery,Html,Plugins,Bxslider,由于某些原因,我无法使jQuery工作。我一步一个脚印都没走!下面是正在发生的事情: 所有样式和JavaScript: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"> <\/script>')</script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" type="text/css" />
window.jQuery | | document.write(“”)
和我的HTML:
<ul id="bxslider">
<li><img src="1.jpg" /></li>
<li><img src="2.jpg" /></li>
<li><img src="3.jpg" /></li>
</ul>
<script type="text/javascript">
$(document).ready(function() {
$('.bxslider').bxSlider({
auto: true,
autoControls: true
});
});
</script>
$(文档).ready(函数(){
$('.bxslider').bxslider({
是的,
自动控制:正确
});
});
您正在使用bxslider
作为类
启动滑块,但在您的情况下,您必须使用id
选择器,如:
$(document).ready(function () {
$('#bxslider').bxSlider({
auto: true,
autoControls: true
});
});
选择器文档:
工作小提琴:此外,您可能希望首先加载CSS,然后加载JavaScript文件