0

この質問は、ブートストラップ カルーセルに関連しています。

カルーセルアイテム内にアイテムを1つずつ表示したい。

お気に入り：

<div class="carousel-inner">
    <div class="active item">
        <div class="step3">..</div>
        <div class="step1">..</div>
        <div class="step2">..</div>
    </div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
</div>

カルーセル アイテムがアクティブになったときに表示する

ステップ1 、ステップ2 、ステップ3、ステップ4。.. . ... .

ブートストラップ カルーセル プラグインにコードを挿入する場所はわかっていますが、開始方法がわかりません。

これが私の必要に応じてコードを書くことができるコードです（125行目について）：

if ($.support.transition && this.$element.hasClass('slide')) {
    this.$element.trigger(e)
    if (e.isDefaultPrevented()) return
    $next.addClass(type)
    $next[0].offsetWidth // force reflow
    $active.addClass(direction)
    $next.addClass(direction)
    this.$element.one($.support.transition.end, function () {
        $next.removeClass([type, direction].join(' ')).addClass('active')
        $active.removeClass(['active', direction].join(' '))
        that.sliding = false
        setTimeout(function () {
            that.$element.trigger('slid')
        }, 0)
    })
} else {.....
}
4

1 に答える 1

1

ベースのブートストラップ プラグインを理想的に編集するべきではありません。

これは実現できますが、この質問How to Extend Twitter Bootstrap Plugin に記載されているメソッドを使用して、カルーセルの「サイクル」または「スライド」メソッドをオーバーライドするだけです。

興味深いことに、アイテム内のステップを表示したい理由はありますか? コードをもっと簡単にする項目を追加できないのはなぜですか?

于 2013-10-01T15:28:18.223 に答える