Twitter bootstrap 引导转盘奇怪的行为，第一张幻灯片为空白，点击2次可激活导航

我使用的引导演示从那里的网站

但是，当我将其与我的标记一起使用时，首先会出现一张空白幻灯片。那里的标记是从我的来源，我找不到任何错误。我把来源放进小提琴里，同样的事情也发生了

这是怎么发生的？为什么我的分数与演示相同

请看这把小提琴来体验这个问题

这是我的分数

<div id="myCarousel" class="carousel slide">

    <div class="carousel-inner">

        <div class="item" style="background-image: url('riders-carousel-011.jpg');">
            <img src="wp/wp-content/themes/riders-experience/images/x.gif" alt="" />
            <div class="container">
                <div class="carousel-caption">
                    <h1>Riders for Health</h1>
                    <p class="lead">Riders Experience Africa is more than just a holiday&#8230;
It is a unique chance to see the work of Riders for Health and to learn about how motorcycles are helping&hellip;</p>
                    <a class="btn btn-large btn" href="riders-for-health/">Veiw more information</a>
                </div>
            </div>
        </div>

        <div class="item" style="background-image: url('riders-carousel-02.jpg');">
            <img src="wp/wp-content/themes/riders-experience/images/x.gif" alt="" />
            <div class="container">
                <div class="carousel-caption">
                    <h1>Rider Check List</h1>
                    <p class="lead">Motorcycle helmet Full face or open face. A motocross or enduro style helmet is a better choice. These are specifically designed for off-road use and have particular&hellip;</p>
                    <a class="btn btn-large btn" href="rider-check-list/">Veiw more information</a>
                </div>
            </div>
        </div>

    </div>

    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

</div>

健康骑士
车手体验非洲不仅仅是一个假日&8230；
这是一个独特的机会，可以看到车手的健康工作，并了解摩托车是如何帮助&hellip
骑手检查表
摩托车头盔的正面或正面。摩托车越野赛或耐力赛头盔是更好的选择。这些都是专为越野使用而设计的，具有特殊的&hellip

帮助我会很好，因为我有点疯了。我完全按照演示所显示的那样做了（我希望如此）

---

谢谢

我认为您必须首先在jquery中使用

$（'..'）.carousel（）对其进行初始化，或者只需将类“active”添加到第一项中

更新的fiddle:
我认为您必须首先在jquery中使用
$（'..'）.carousel（）对其进行初始化，或者将类“active”添加到第一项中

更新的fiddle:
因为我在使用wordpress，所以我很难将活动类添加到第一个循环项中。所以我试着单独用$（“..”）.carousel（）调用它，但不起作用-别担心，是这样做的
class=“item”
并在：-）中获得了活动类。非常感谢。因为我正在使用wordpress，我正在努力向第一个循环项目添加活动类。所以我试着单独用$（“..”）.carousel（）调用它，但不起作用-别担心，是这样做的
class=“item”
并在：-）中获得了活动类，非常感谢。