Javascript 引导指示器don'；我一点也不工作

滑动变化指示灯处于正确位置时（1-2-3）。但当我点击它们时，它们没有反应。上一个和下一个链接工作正常。这是我的密码：

<div id="theCarousel" class="carousel-slide hidden-xs" data-interval ="3000">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#theCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#theCarousel" data-slide-to="1"></li>
            <li data-target="#theCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active"><img class="img-responsive" src="eberhard-grossgasteiger-311213.jpg" alt="slide 1"></div>
            <div class="item"><img class="d-block img-fluid" src="annie-spratt-176376.jpg" alt="slide 2"></div>
            <div class="item"><img class="d-block img-fluid" src="joanna-kosinska-129039.jpg" alt="slide 3"></div>
        </div><!-- /carousel-inner -->
        <!-- navigation -->
        <a class="left carousel-control" href="#theCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
        <a class="right carousel-control" href="#theCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div><!-- /carousel-slide --

怎么了？

单击“运行代码片段”按钮并检查其工作情况，无需添加额外的脚本（js），carousel的所有控件都由引导处理

引导示例
旋转木马示例

我终于找到了问题所在。不是两个类：

我写了一个，中间用连字符：

好的，谢谢，但当我删除js文件时，问题仍然存在。我已经复制/粘贴了你的代码，放进了我的图片，它就工作了。现在我感兴趣的是我的代码中有什么不同之处，那就是阻止指示器工作。我的旋转木马不在里面。容器，数据间隔不同。谁能告诉我出了什么问题吗？我终于发现了问题所在。不是两个类：

我写了一个，中间用连字符：

好吧，我很高兴看到，它对你有用。请把我的答案也投上一票。

// Activate Carouse
$("#theCarousel").carousel();

// Enable Carousel Indicators
$(".item").click(function(){
    $("#theCarousel").carousel(1);
 });

// Enable Carousel Control
 $(".left").click(function(){
     $("#theCarousel").carousel("prev");
 });

 $(".right").click(function(){
     $("#theCarousel").carousel("next");
 });