旋转木马不滑动

塞布

我的转盘有问题。它不会滑动。我已经尝试了太多,以至于我的头很痛。问题在于它仅停留在一张照片上,并且箭头不起作用。

包括文件:

<head> 
    <!--- START Styles --->
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="http://localhost/mywebside/css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="http://localhost/mywebside/index.css" type="text/css" />
    <!--- END Styles --->
    <!--- START Scripts --->
    <script type="text/javascript" src"http://localhost/mywebside/js/bootstrap.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src"http://localhost/mywebside/js/carousel.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $('.carousel').carousel() 
})
    </script>
    <!--- END Scripts --->
</head>

HTML:

 <div id="myCarousel" class="carousel slide">
            <div class="carousel-inner">
                <div class="item"> <img src="img/Wood.png"></div>
                <div class="item"> <img src="img/Stone.png"></div>
                <div class="item"> <img src="img/dirt.png"></div>
                </div>
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
         </div>
Vaibs_Cool

更改脚本顺序,然后尝试

<script type="text/javascript" src"http://localhost/mywebside/js/bootstrap.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src"http://localhost/mywebside/js/carousel.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src"http://localhost/mywebside/js/bootstrap.js"></script>
<script type="text/javascript" src"http://localhost/mywebside/js/carousel.js"></script>

第二次尝试

添加

<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">

它在此JSFIDDLE DEMO中的工作

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章