1

そこのWebサイトからブートストラップデモを使用しています。

しかし、マークアップで使用すると、空白のスライドが最初に表示されます。マークアップは私の情報源から取得されたもので、問題は見つかりません。ソースをフィドルに入れると、同じことが起こります。

私のマークアップがデモと同じである理由は何でしょうか。

問題を体験するには、このフィドルを参照してください。http://jsfiddle.net/aVBUy/3/

これは私のマークアップです...

<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>

私は少し怒っているので、助けていただければ幸いです。私はデモが示すように正確にやった（私は願っています）

ありがとう

4

1 に答える 1

1

$('..').carousel()最初にjqueryで初期化するか、クラス「アクティブ」を最初の項目に追加する必要があると思います..

更新されたフィドル: http://jsfiddle.net/skelly/aVBUy/5/

于 2013-05-08T18:05:00.187 に答える