Twitter bootstrap 引导转盘不移动下一个或上一个_Twitter Bootstrap

Twitter bootstrap 引导转盘不移动下一个或上一个

twitter-bootstrap

Twitter bootstrap 引导转盘不移动下一个或上一个,twitter-bootstrap,Twitter Bootstrap,我对Bootstrap还不太熟悉。我的旋转木马不会向前或向后移动。代码如下： [守则] <html> <head> <link rel="Stylesheet" type="text/css" href="css/bootstrap.css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

我对Bootstrap还不太熟悉。我的旋转木马不会向前或向后移动。代码如下：

[守则]

<html>
<head>
    <link rel="Stylesheet" type="text/css" href="css/bootstrap.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.carousel').carousel();
        });
    </script>
</head>
<body>
<center>
<div class="container">
<div class="row">
<div class="span6 well">
<div id="myCarousel" class="carousel">
<div class="carousel-inner">
<div class="item"><img src="1.jpg"></div>
<div class="item active"><img src="2.jpg"></div>
<div class="item"><img src="3.jpg"></div>
<div class="item"><img src="4.jpg"></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>
</div>
</div>
</div>
<script src="carousel.js"></script>
</center>
</body>
</html>


$（文档）.ready（函数（）{
$（'.carousel'）.carousel（）；
});

有人能告诉我我做错了什么吗

非常感谢您的帮助。

<script src="carousel.js"></script>

 <div id="myCarousel" class="carousel slide" >

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
   <div class="item"><img src="1.jpg"></div>
<div class="item active"><img src="2.jpg"></div>
<div class="item"><img src="3.jpg"></div>
<div class="item"><img src="4.jpg"></div>
        </div>
       <!-- Controls-->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="icon-next"></span>
  </a> 
      </div>
      <!-- /.carousel -->

  <script>
$('#myCarousel').carousel
({
    interval: 2000,


    })

</script>


$（'myCarousel'）。carousel
({
间隔时间：2000年，
})

确保您按顺序添加了此（.js），并指向您将其放入的文件夹：

1-jquery库

2-用于引导3的js

3-您的旋转木马js

例如：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="carousel.js"></script>

希望这将帮助您

Zeeba，即使左右箭头也不会移动到下一张图像。我会试试你的解决方案。我只是复制并粘贴了你的代码，但还是不起作用。知道为什么吗？请确保carousel.js位于根目录中，因为您指向的是根目录。唯一可以使左右停止工作的方法是如果carousel.js未指向正确的位置。创建一个新的dir“js”并将carousel.js文件放在那里，然后将其放在Zeeba的正下方我也这么做了不走运：（很高兴听到你的问题解决了@bootstrap3r，当我第一次开始使用bootstrap时，我就遇到了这个问题，所以记住一定要订购你的.js文件，尤其是前两个（.js）。