Javascript 图像滑块加载不正确

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"></

这是我网站的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"></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库。这将导致冲突

  • 您需要在下面添加css以删除项目符号

    保险商实验室 { 列表样式类型:无; }

  • 需要使用正确的映像路径,或者您可以使用完整映像“”


  • 由于您尚未在此处共享所有必需的文件,因此我们无法在本端进行测试。如果问题无法解决,请共享包含在此处的js库文件。

    是否调用了bxslider.js如果图像未显示,请检查路径在调用JQuery后您必须调用
    boxsslider.js
    ,不是吗?另外,您似乎调用了两次JQuery…不同的版本您还加载了两个版本的JQuery。删除
    1.11.1
    解释为什么用户需要在回答中选择
    .slider
    ,并修复缩进:)@Brian可能是因为用户ul元素具有“slider”类,它似乎不起作用。这是我的一堆更改。我已经检查了图片文件路径,它们似乎是正确的。你能看看这个,告诉我我做错了什么吗@布莱恩:毫无疑问,这是一周,但OP无论如何都需要学会逻辑思维。
    $(document).ready(function(){
        $('.slider').bxSlider();
    });