1

我的旋转木马有问题。它不会滑动。我已经尝试了很多，以至于我的头很痛。问题是它只停留在一张照片上并且箭头不起作用。

包括文件：

<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>
4

3 回答 3

2

更改您的脚本顺序并尝试

<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中工作

于 2013-09-06T17:04:15.493 回答
0

您在调用轮播时是否在选项中指定？引导轮播的默认值（我假设您正在使用它）是 5000 毫秒（5 秒）。默认情况下，如果您的鼠标悬停在它上面，它也会自动暂停。

尝试指定一个较短的间隔跨度来测试它，并确保你的鼠标没有悬停在它上面。

var options = { interval: 1000 };
$('.carousel').carousel(options);
于 2013-09-06T17:10:20.213 回答
0

只需替换 jquery.min 文件它适用于我的文件谢谢你。

于 2017-03-11T06:40:10.047 回答