Javascript 图像滑块加载不正确
这是我网站的html。我想添加此Javascript 图像滑块加载不正确,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,这是我网站的html。我想添加此图像滑块:。我有一个问题,出于某种原因,我得到的只是4个项目符号和一个错误img图片。你能看看我的html,看看你能做些什么来帮助我吗 -谢谢 以下是脚本: <script src="js/jquery.bxslider.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></
图像滑块:
。我有一个问题,出于某种原因,我得到的只是4个项目符号和一个错误img
图片。你能看看我的html,看看你能做些什么来帮助我吗
-谢谢
以下是脚本:
<script src="js/jquery.bxslider.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src = "js/bootstrap.js"></script>
<script>
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
$(文档).ready(函数(){
$('.bxslider').bxslider();
});
由于已使用.slider类包装幻灯片内容,因此需要进行以下更改
$(document).ready(function(){
$('.slider').bxSlider();
});
在jQuery库之后调用bxslider.min.js
您还调用了两个不同版本的jQuery库。这将导致冲突
由于您尚未在此处共享所有必需的文件,因此我们无法在本端进行测试。如果问题无法解决,请共享包含在此处的js库文件。是否调用了bxslider.js如果图像未显示,请检查路径在调用JQuery后您必须调用
boxsslider.js
,不是吗?另外,您似乎调用了两次JQuery…不同的版本您还加载了两个版本的JQuery。删除1.11.1
解释为什么用户需要在回答中选择.slider
,并修复缩进:)@Brian可能是因为用户ul元素具有“slider”类,它似乎不起作用。这是我的一堆更改。我已经检查了图片文件路径,它们似乎是正确的。你能看看这个,告诉我我做错了什么吗@布莱恩:毫无疑问,这是一周,但OP无论如何都需要学会逻辑思维。
$(document).ready(function(){
$('.slider').bxSlider();
});