奇怪的引导轮播问题..第一张幻灯片最初没有加载答案

【问题标题】：Strange Bootstrap Carousel Issue..first slide not loading initially奇怪的引导轮播问题..第一张幻灯片最初没有加载
【发布时间】：2014-10-07 08:50:02
【问题描述】：

引导轮播在滑到第二张幻灯片后工作正常……但是第一张幻灯片最初是空的……一旦加载第二张幻灯片，轮播就开始正常工作。我可以浏览所有幻灯片。

<div id="mediakit_carousel" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#mediakit_carousel" data-slide-to="0" class="active"></li>
                <li data-target="#mediakit_carousel" data-slide-to="1"></li>
                <li data-target="#mediakit_carousel" data-slide-to="2"></li>
                <li data-target="#mediakit_carousel" data-slide-to="3"></li>
                <li data-target="#mediakit_carousel" data-slide-to="4"></li>
              </ol>

              <!-- Wrapper for slides -->
              <div class="carousel-inner">
                <div class="active item">
                  <img src="img/mediakit_image.png" alt="">
                </div>
                <div class="item">
                  <img src="img/mediakit_image.png" alt="">
                </div>
                <div class="item">
                  <img src="img/mediakit_image.png" alt="">
                </div>
                <div class="item">
                  <img src="img/mediakit_image.png" alt="">
                </div>
                <div class="item">
                  <img src="img/mediakit_image.png" alt="">
                </div>

              </div>                  
            </div>

<script>$(window).load(function() {
              $('#mediakit_carousel').carousel({

        })
  });</script>

以上 javascript 来自外部 js 文件。

有什么想法吗？有人吗？

【问题讨论】：

试试$(document).ready(function() {$('#mediakit_carousel').carousel({ }) });
我试过你的代码......问题仍然存在......它应该可以在没有脚本调用的情况下工作。
你的代码可以工作jsfiddle.net/victor_007/v00t5m6a/1如果有任何错误请检查你的控制台
我尝试刷新..但对我来说问题仍然存在..我设法通过将其添加到 js 文件来解决问题.. $('.active.item img').css( "行高",'2');只是在加载时刷新图像。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

来自引导文档：

data-ride="carousel" 属性用于将轮播标记为在页面加载时开始动画。它不能与同一轮播的（冗余和不必要的）显式 JavaScript 初始化结合使用。

然后你通过属性声明你的 crosel，不需要那里的脚本。

【讨论】：

我试过没有javascript..问题仍然存在。