我无法在轮播我的幻灯片之间导航答案

【问题标题】：I cannot navigate between carousel my slides我无法在轮播我的幻灯片之间导航
【发布时间】：2017-01-04 19:01:21
【问题描述】：

我一直在为我的网站制作轮播。当我打开页面时，一切看起来都正确（图片显示，点到位，下一个和上一个按钮出现）。但是当我尝试单击下一个或上一个时，它什么也没做。一直在尝试修复它一段时间，但我就是不知道出了什么问题。任何帮助都会很棒。

我的代码：

<div class="container">
    <div class = "row">
        <div class = "col-sm-12">

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

                <!--indicators dot nav -->
                <ol class="carousel-indicators">
                    <li data-target="#my-slider" data-slide-to="0" class = "active"></li>
                    <li data-target="#my-slider" data-slide-to="1"></li>
                    <li data-target="#my-slider" data-slide-to="2"></li>
                    <li data-target="#my-slider" data-slide-to="3"></li>
                    <li data-target="#my-slider" data-slide-to="4"></li>
                </ol>

                <!--Wrapper for slide -->
                <div class = "carousel-inner" role = "listbox">

                    <div class = "item active">
                        <img src = "image/img1.jpg" alt = "stuff"/>
                        <div class="carousel-caption">
                            <h1>header</h1>
                            <p>and paragraph</>
                        </div>
                    </div>

                    <div class = "item">
                        <img src = "image/img2.jpg" alt = "stupid stuff"/>
                        <div class="carousel-caption">
                            <h1>header</h1>
                            <p>and paragraph</>
                        </div>
                    </div>

                    <div class = "item">
                        <img src = "image/img3.jpg" alt = "other stuff"/>
                        <div class="carousel-caption">
                            <h1>header</h1>
                            <p>and paragraph</>
                        </div>
                    </div>

                    <div class = "item">
                        <img src = "image/img4.jpg" alt = "more stuff"/>
                        <div class="carousel-caption">
                            <h1>header</h1>
                            <p>and paragraph</>
                        </div>
                    </div>

                    <div class = "item">
                        <img src = "image/img5.jpg" alt = "last stuff"/>
                        <div class="carousel-caption">
                            <h1>header</h1>
                            <p>and paragraph</>
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#my-slider" role = "button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden ="true"></span>
                    <span class = "sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#my-slider" role = "button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden = "true"></span>
                    <span class = "sr-only">Next</span>
                </a>

            </div>              
        </div>
    </div>
</div>

【问题讨论】：

这个问题描述性不够。总是试着展示一个你尝试过的例子，而不是把你所有的代码和问题都扔在那里。它表明您已尝试诊断特定问题，而不是要求社区为您编写代码。
stackoverflow.com/search?q=javascript+carrousel
您是否在控制台中收到任何错误？

标签： javascript html css slider carousel

【解决方案1】：

你为什么要重新发明轮子？这就是框架存在的原因。每当您尝试应用组件时，只需寻找一个框架。这将为您节省大量时间。我推荐使用这个：jQuery thumbnail scroller

【讨论】：

【解决方案2】：

这看起来像 Bootstrap 滑块中的示例代码。如果是这样，您需要确保 bootstrap.js 以及 jQuery 已链接，以使滑块正常工作。

【讨论】：