Javascript 引导转盘未显示所有图像_Javascript_Css_Twitter Bootstrap_Carousel

Javascript 引导转盘未显示所有图像

javascript css twitter-bootstrap

Javascript 引导转盘未显示所有图像,javascript,css,twitter-bootstrap,carousel,Javascript,Css,Twitter Bootstrap,Carousel,这些按钮在我的引导转盘上不起作用，也不会转到其他图像。我没有在引导CSS或JavaScript中更改任何与旋转木马相关的内容以下是我目前的代码： <div id="myCarousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="myCarousel" data-slide-to="0" class="acti

这些按钮在我的引导转盘上不起作用，也不会转到其他图像。我没有在引导CSS或JavaScript中更改任何与旋转木马相关的内容

以下是我目前的代码：

<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
    <li data-target="myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="myCarousel" data-slide-to="1"></li>
    <li data-target="myCarousel" data-slide-to="2"></li>    
</ol>
<div class="carousel-inner">
    <div class="item active"><img src="images/oldman1.jpg" alt="First slide" style="height: 50%; width: 100%; display: block;">
    <div class="container">
        <div class="carousel-caption">
            <h1>Generations Apart</h1>
            <p>An Empathic Photo Essay</p>
            <button type="button" class="btn btn-default"><a href="Childhood.html">Begin</a>   </button>
            </div>
        </div>
    </div>
    <div class="item"><img src="images/oldman2.jpg" alt="Third slide" style="height: 50%; width: 100%; display: block;">
        <div class="container">
            <div class="carousel-caption">
            <h1>Generations Apart</h1>
            <p>An Empathic Photo Essay</p>
                <button type="button" class="btn btn-default"><a href="Childhood.html">Begin</a></button>
            </div>
        </div>
    </div>
    <div class="item"><img src="images/oldman.jpg" alt="Third slide" style="height: 50%; width: 100%; display: block;">
        <div class="container">
            <div class="carousel-caption">
            <h1>Generations Apart</h1>
            <p>An Empathic Photo Essay</p>
                <button type="button" class="btn btn-default"><a href="Childhood.html">Begin</a></button>
            </div>
        </div>
    </div>
</div> 

<a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span> 
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span> 
</a>
</div>

指向JS/CSS的链接：

 <!doctype html>
 <html>
     <head>
         <meta charset="utf-8">
         <script type="text/javascript" src="js/bootstrap.js"></script>
         <script type="text/javascript" src="js/jquery-1.11.0.js"></script>
         <link href="css/custom.css" type="text/css" rel="stylesheet"/>
         <link href="css/bootstrap.css" type="text/css" rel="stylesheet"/>
         <title>Generations Apart</title>
    </head>

很抱歉，正如您在这里看到的，您的代码运行良好，它运行旋转木马没有任何问题

你确定你链接的JS和CSS文件正是你链接的地方吗？

你能发布你的javascript吗？或者更好的JSFIDLE？我刚刚使用了标准的bootstrap js，因为旋转木马是bootstrap的一个特性。我可以把它贴出来，但是有太多了！请张贴你的js/css链接等，让我们看看是否一切看起来都好。在底部添加它们你使用的是一个实时网站吗？如果是的话。我们能看看吗？