引导轮播指示器单击时不会更改照片（）答案

【问题标题】：bootstrap carousel indicators does not change photo when clicked ()引导轮播指示器单击时不会更改照片（）
【发布时间】：2016-04-03 19:22:52
【问题描述】：

我正在尝试编写引导程序轮播代码，那里的照片会自动更改，但当我尝试单击时，轮播底部的指示符和点不会改变照片。任何人都可以帮忙吗？我试着到处看看。

jQuery 包含在bootstrap.js 之上，但如果是这个，carousel 不会改变照片，对吧？照片在变化，但指标不起作用，这很奇怪。

<head>
    <meta charset="utf-8">
    <title>Ag</title>
    <meta name="vievport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
    <script src="bootstrap-3.3.6-dist/js/bootstrap.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.6-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.6-dist/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/own.css">
</head>
<body>
    <div id="sliderSyrenka" class="carousel slide" data-ride="carousel">
        <!-- INDICATORS-->
        <ol class="carousel-indicators">
            <li data-target="#sliderSyrenka" data-slide-to:"0" class="active"></li> 
            <li data-target="#sliderSyrenka" data-slide-to:"1"></li>
            <li data-target="#sliderSyrenka" data-slide-to:"2"></li>
            <li data-target="#sliderSyrenka" data-slide-to:"3"></li>
        </ol>

        <!-- WRAPPER FOR SLIDES-->
        <div class="carousel-inner" >
            <div class="item active">
                <img src="img/slider/slide0.jpg" alt="" >
            </div>
            <div class="item">
                <img src="img/slider/slide1.jpg" alt="" >
            </div>
            <div class="item">
                <img src="img/slider/slide2.jpg" alt="" >
            </div>
            <div class="item">
                <img src="img/slider/slide3.jpg" alt="" >
            </div>
        </div>
    </div>
</body>

【问题讨论】：

标签： javascript jquery twitter-bootstrap carousel indicator

【解决方案1】：

您的语法错误：data-slide-to:

只需将: 替换为=，carousel-indicators 就会完美运行 :)

已更正carousel-indicators：

<!-- INDICATORS-->
    <ol class="carousel-indicators">
        <li data-target="#sliderSyrenka" data-slide-to="0" class="active"></li> 
        <li data-target="#sliderSyrenka" data-slide-to="1"></li>
        <li data-target="#sliderSyrenka" data-slide-to="2"></li>
        <li data-target="#sliderSyrenka" data-slide-to="3"></li>
    </ol>

【讨论】：

@ArturElemele 不客气 :) 没关系！可能发生在任何人身上。