jQuery -逐个显示，类step1，step2，step3

Question

这个问题与引导旋转木马有关。

我想在旋转木马里一个一个地展示物品。

类：

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

当旋转木马项目变得活跃，然后显示

step1 ， step2 ， step3，step4.。。。.

我知道在引导旋转木马插件中插入代码的位置，但不知道如何开始：

这里是我们可以为我的需要编写代码的代码(大约第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 {.....
}

Answer 1

理想情况下，您不应该编辑基本的引导插件，否则您可能会为自己做更多的工作。

这是可以实现的，但只是使用这个问题中提到的方法How to Extend Twitter Bootstrap Plugin来覆盖旋转木马的“循环”或“幻灯片”方法。

出于兴趣，您为什么要在项目中显示步骤？为什么你不能添加更多的项目--这会使你的代码更简单？