Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery图像滑块不滑动?_Javascript_Html_Image_Slider - Fatal编程技术网

Javascript jquery图像滑块不滑动?

Javascript jquery图像滑块不滑动?,javascript,html,image,slider,Javascript,Html,Image,Slider,蓝莓图像滑块没有滑动,这是java脚本代码,请帮助我修改或添加足够的代码,以便它能够正常工作。顺便说一句,我也链接了blueberry.css和jquery.blueberry.js文件。谢谢你-网络开发的学生 <meta charset="UTF-8"></meta> <title>Rose Street | Auto Repair</title> <meta name="viewport" content="width=device-wi

蓝莓图像滑块没有滑动,这是java脚本代码,请帮助我修改或添加足够的代码,以便它能够正常工作。顺便说一句,我也链接了blueberry.css和jquery.blueberry.js文件。谢谢你-网络开发的学生

<meta charset="UTF-8"></meta>
<title>Rose Street | Auto Repair</title>
<meta name="viewport" content="width=device-width, initail-scale=1.0"></meta>
<link rel="stylesheet" href="main.css"></link>
<link rel="stylesheet" href="font-awesome.css"></link>
<link rel="stylesheet" href="blueberry.css"></link>
<link rel="stylesheet" href="style2.css"></link>
<link rel="stylesheet" id="google-fonts-css" href="//fonts.googleapis.com/css?family=Open+Sans%3A400%2C400italic%2C300italic%2C300%2C600%2C600italic%7CLato%3A400%2C100%2C300%2C700&amp;ver=4.0.5" type="text/css" media="all"></link>

<script src="https://apis.google.com/js/platform.js"> async defer></script>
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"</script>
<script src="jquery.blueberry.js"></script>
<script>
    $(window).load(function() {
        $('.blueberry').blueberry();
    });
</script>
<script type="text/javascript">
    function Scroll(){
        var top = document.getElementById('header');
        var ypos = window.pageYOffset;
        if(ypos < 700) {
            top.style.opacity = ".9";
            top.style.height= "86px"
        }else{
            top.style.opacity = ".5";
            top.style.height= "100px"
        }
    }
    window.addEventListener("scroll",Scroll);
</script>
<script type="text/javascript">
    $(function(){
        $("#header").fadeToggle(1).delay(2000).fadeToggle(2000);
        $("#logo").fadeToggle(1).delay(2000).fadeToggle(2000);
        $("nav").fadeToggle(1).delay(2500).slideToggle(1000);
    });
</script>

罗斯街|汽车修理
异步延迟>

我理解你的问题有点困难

您的代码似乎运行得很好

//jQuery蓝莓滑块v0.4测试版
!(5)3,持续时间:500,线路高度:1,高度:“自动”,悬停;悬停:1,高度:“自动”,悬停;悬停:1,寻呼机:!1,寻呼机:!1,寻呼机:!1,寻呼机:!0,导航:,导航:!0,键盘导航:!0,键导航:!0,键导航:!0,键导航:!0,键导航::!0,键导航::!0},键导航::!0},键导航:,一个,一,一,一个,一,一个是扩展,a,一,一,一,a=e。扩展(i(i,a)是,一,a)是,一,一,一,一,一,一,a)是,一,一,a=e。扩展(i(i(i(i,a)扩展(i(i,一),a)扩展(i(i(i,一),a)扩展(i(i,一),a)是)(s).fadeIn(i.duration).addClass(“active”)、u.length?u.eq(s).addClass(“active”):i.pager&(n.append)(“
    ”)、t.each(函数a){e(“.pager”,n”)、u=e(“.pager li”,n)、u.eq(s).addClass(“active”)、u&&var(“active”)、u(i.duration).removeClass(“active”).end().eq(c).fadeIn(i.duration).addClass(“active”).queue(function(){p(),e(this).dequeue()),u&&u.eq(s.).removeClass(“active”).end().eq(c).addClass(“active”),s=c,c=s>=t.length-1?0:s+1},p=function(){n.play=setTimeout(function(){{f(),i.interval)};p(),i.hover&t.hover(function(){clear(),pause(),play(),play(){函数}})var v=function(){o=e(.slides),n.width(),h=Math.floor(o/d/i.lineheight)*i.lineheight,e(“.slides”,n.css({height:h})};v(),e(window).resize(function(){v()}),i.keynav&e(document.keyup)(函数(e){switch(e.which){案例39:案例32:cleartimout(n.play),f();break;案例37:cleartimout(n.play),c=s-1,f()}); $(窗口)。加载(函数(){ $('.blueberry').blueberry(); });
    /*
    *jQuery蓝莓滑块v0.4测试版
    * http://marktyrrell.com/labs/blueberry/
    *
    *版权所有(C)2011,Mark Tyrrell
    *
    *此程序是免费软件:您可以重新发布和/或修改它
    *它是根据GNU通用公共许可证的条款发布的
    *自由软件基金会,或者许可证的第3版,或者
    *(由您选择)任何更高版本。
    *
    *这个节目的发布是希望它会有用,
    *但没有任何保证;甚至没有对
    *适销性或适用于特定用途。请参阅
    *有关更多详细信息,请参阅GNU通用公共许可证。
    *
    *您应该已经收到GNU通用公共许可证的副本
    *与此程序一起使用。如果没有,请参阅。
    *
    */
    .blueberry{margin:0自动;}
    .蓝莓.幻灯片{
    显示:块;
    位置:相对位置;
    溢出:隐藏;
    }
    .蓝莓.李{
    位置:绝对位置;
    排名:0;
    左:0;
    溢出:隐藏;
    }
    .蓝莓.李明{
    显示:块;
    宽度:100%;
    最大宽度:无;
    }
    .blueberry.slides li.active{display:block;position:relative;}
    .blueberry.crop li img{width:auto;}
    .蓝莓.传呼机{
    高度:40px;
    文本对齐:居中;
    }
    .blueberry.pager li{display:inline block;}
    .蓝莓.传呼机李a,
    .蓝莓.寻呼机李a span{
    显示:块;
    高度:4px;
    宽度:4px;
    }
    .蓝莓.传呼机李a{
    填充:18px 8px;
    -webkit边界半径:6px;
    -moz边界半径:6px;
    -o-边界半径:6px;
    -ms边界半径:6px;
    -khtml边界半径:6px;
    边界半径:6px;
    }
    .蓝莓.寻呼机李a span{
    溢出:隐藏;
    背景:#C0C0;
    文本缩进:-9999px;
    -webkit边界半径:2px;
    -moz边界半径:2px;
    -o-边界半径:2px;
    -ms边界半径:2px;
    -khtml边界半径:2px;
    边界半径:2px;
    }
    .blueberry.pager li.active a span{background:#404040;}
    
    

    你能加入一个JSFIDLE()或代码片段吗?很肯定这会被视为“请调试我的代码”类型的问题。:/{
    。哇,我一直在寻找错误的jquery。非常感谢你指出了这一点
    <div id="doc">
        <div id="content">
            <div class="blueberry">
                <ul class="slides">
                    <li class="" style="display: inline;">
                        <img src="http://ultraimg.com/images/93ee8dce5462.jpg" alt="slide1">
                    </li>
                    <li class="active" style="display: inline;">
                        <img src="http://ultraimg.com/images/85173643ed34.jpg" alt="slide2">
                    </li>
                    <li class="" style="display: none;">
                        <img src="http://www.thehogring.com/wp-content/uploads/2012/11/The-Hog-Ring-Auto-Upholstery-Community-Auto-Trimmer-History-11.jpg" alt="slide3">
                    </li>
                    <li class="" style="display: none;">
                        <img src="http://theoldmotor.com/wp-content/uploads/2013/11/Euclid1-600x351.jpg" alt="slide4">
                    </li>
                </ul>
                <ul class="pager">
                    <li class="">
                        <a href="#"><span>0</span></a>
                    </li>
                    <li class="">
                        <a href="#"><span>1</span></a>
                    </li>
                    <li class="">
                        <a href="#"><span>2</span></a>
                    </li>
                    <li class="active">
                        <a href="#"><span>3</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>