知道为什么我的轮播不自动更改图片吗？

Question

我想在我的网站上做一个轮播，这样它会自动改变周围的四张图片。这是我的代码，但是我一直在试图弄清楚为什么它不会更改任何图片：

                <div class="carousel">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
            <script src="js/bootstrap.min.js"></script>

            <script>
            $(function () {
                $('#homeCarousel').carousel({
                    interval:3000,
                    pause: "false"
                });
            });
            </script>

            <!-- Carousel start -->
            <div id="homeCarousel" class="carousel slide">
              <!-- Menu -->
              <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
              </ol>

              <!-- Items -->
              <div class="carousel-inner">

                  <!-- Item 1 -->
                <div class="item active">
                    <img src="images/l1.jpg">
                  <div class="container">
                    <div class="carousel-caption"></div>
                  </div>
                </div>

                  <!-- Item 2 -->
                <div class="item">
                    <img src="images/l2.jpg"> 
                  <div class="container">
                    <div class="carousel-caption"></div>
                  </div>
                </div>

                  <!-- Item 3 -->
                <div class="item">
                    <img src="images/l3.jpg">
                  <div class="container">
                    <div class="carousel-caption"></div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Carousel end -->
            </div>

我试过更改间隔时间，重新格式化所有内容，检查不同的内容 post 但是我似乎无法弄清楚。

知道可能是什么问题吗？

Answer 1

澄清一下，bootstrap 轮播严重依赖于 bootstrap CSS。您的 post 中没有它，因此请确保您的页面中有该引用。

之后，您的问题出现在 <li data-target="#myCarousel"... 行中。那些需要引用你的轮播 div，所以他们应该有 data-target="#homeCarousel"

一旦我确定你的代码对我有用。

知道为什么我的轮播不自动更改图片吗？

Any idea why my carousel does not automatically change pics?

html

javascript

angular-ui-bootstrap