Javascript 引导转盘不会更改图片或滑动_Javascript_Jquery_Html_Css_Twitter Bootstrap

Javascript 引导转盘不会更改图片或滑动

javascript jquery html css twitter-bootstrap

Javascript 引导转盘不会更改图片或滑动,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我的引导转盘没有改变图片。它不会自动滑动或允许我选择其他图片。它只在任何给定时间显示活动图片  <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootsrtap </title> <meta name="description" content="Hello

我的引导转盘没有改变图片。它不会自动滑动或允许我选择其他图片。它只在任何给定时间显示活动图片

<!--HTML Code-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Bootsrtap </title>
    <meta name="description" content="Hello World">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
    <!--My Links-->
    <link href="css/boostrap.mincss" rel= "stylesheet">
    <link href="css/styles.css" rel = "sylesheet">  

    <style >
    .grey{
            background-color: #000;
            padding: 20px;
    }
    </style>


</head>

<body>
<!--Presumably this is where the problem is-->
        <div id= "myCaroussel" class = "carousel"> 

            <ol class = "carousel-indicators">
                <li data-target = "myCaroussel" data-slide-to = "0" class = "active"> </li>
                <li data-target = "myCaroussel" data-slide-to = "1"> </li>
                <li data-target = "myCaroussel" data-slide-to = "2"> </li>
            </ol>

            <div class= "carousel-inner">

                <div class = "item ">
                    <img src="ottawa_option.jpg" alt = "Ottawa" class = "img-responsive">
                </div> 

                <div class = "item ">
                    <img src="toronto_option.jpg" alt = "Toronto" class = "img-responsive">
                </div>  

                <div class = "item active ">
                    <img src="vancouver_option.jpg" alt = "Vancouver" class = "img-responsive">
                </div>      

                <!--<div class= "row"> <div class= "well"> This be first Row</div>
                <div class= "row"> <div class= "well">This be second Row</div>
                <div class= "row"> <div class= "well">This be third Row</div> -->

        </div>  

     </div>



        <div class="grey">

            <div class= "container">
                <div class="well"> This</div>
            </div>  

    <footer>
        <div class="container">
            <hr>

            <p>
                <small><a href="http://facebook.com/askorama">Like me</a> On facebook</small></p>
            <p> <small><a href="http://twitter.com/wiredwiki">Ask whatever </a> On Twitter</small></p>
            <p> <small><a href="http://youtube.com/wiredwiki">Subscribe me</a> On Youtube</small>

            </p>
        </div> <!-- end container -->
    </footer>


开机自检
格雷先生{
背景色：#000；
填充：20px；
}



这


在facebook上
在推特上
在Youtube上

我试着随便添加jQuery脚本等等，但似乎什么都不起作用。这仅用于stakcoverflow目的

图片的来源不是问题所在，因为我可以一次或单独显示它们，但不能作为旋转木马幻灯片显示。

将其放在

标记的末尾：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

将其放在

标签的末尾：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

将其放在

标签的末尾：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

将其放在

标签的末尾：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

我认为您没有添加jquery和bootstrap.js。请按照“macro Del Valle”的回答，或者您可以从相应的站点添加它们

然后，如果您想让它自动滑动，那么添加滑块类

您的代码：

<div id= "myCaroussel" class= "carousel">

更新代码：

<div id="myCaroussel" class="carousel slide" data-ride="carousel">

希望它能解决您的问题。

我认为您没有添加jquery和bootstrap.js。请按照“macro Del Valle”的回答，或者您可以从相应的站点添加它们

然后，如果您想让它自动滑动，那么添加滑块类

您的代码：

<div id= "myCaroussel" class= "carousel">

更新代码：

<div id="myCaroussel" class="carousel slide" data-ride="carousel">

希望它能解决您的问题。

我认为您没有添加jquery和bootstrap.js。请按照“macro Del Valle”的回答，或者您可以从相应的站点添加它们

然后，如果您想让它自动滑动，那么添加滑块类

您的代码：

<div id= "myCaroussel" class= "carousel">

更新代码：

<div id="myCaroussel" class="carousel slide" data-ride="carousel">

希望它能解决您的问题。

我认为您没有添加jquery和bootstrap.js。请按照“macro Del Valle”的回答，或者您可以从相应的站点添加它们

然后，如果您想让它自动滑动，那么添加滑块类

您的代码：

<div id= "myCaroussel" class= "carousel">

更新代码：

<div id="myCaroussel" class="carousel slide" data-ride="carousel">

希望它能解决您的问题。

您需要引入启用引导转盘功能的JavaScript文件。以后请在代码检查器中查看控制台。这里有很多好的提示。在这种情况下，它应该抱怨不知道$的用途-这意味着没有加载jQuery库。您需要引入启用引导转盘功能的JavaScript文件。以后请查看代码检查器中的控制台。这里有很多好的提示。在这种情况下，它应该抱怨不知道$的用途-这意味着没有加载jQuery库。您需要引入启用引导转盘功能的JavaScript文件。以后请查看代码检查器中的控制台。这里有很多好的提示。在这种情况下，它应该抱怨不知道$的用途-这意味着没有加载jQuery库。您需要引入启用引导转盘功能的JavaScript文件。以后请查看代码检查器中的控制台。这里有很多好的提示。在这种情况下，它应该抱怨不知道$的用途——这意味着没有加载jQuery库。