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

Question

我正在尝试编写引导轮播代码，其中的照片会像应该的那样自动更改，但是当我尝试单击时，指示器，轮播底部的点不会更改照片。 有人可以帮忙吗？ 我试图四处张望。

bootstrap.js包含jQuery，但是如果是这样，轮播将不会更改照片，对吗？ 照片在变化，但是指示器不起作用，那很奇怪。

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

Answer 1

您在： data-slide-to:有语法错误data-slide-to:

只需更换:与=和旋转木马指标将很好地工作:)

校正后的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>

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-04-03 23:53:08

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-04-03 23:53:08

解决方案1
1 已采纳 2016-04-03 23:53:08