Question

这个问题与bootstrap carousel有关。

我想在旋转木马项目中逐个展示项目。

像：

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

我知道在bootstrap carousel插件中插入代码的位置，但不知道如何启动：

以下是我们可以根据需要编写代码的代码（关于第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中提到的方法覆盖轮播“循环”或“幻灯片”方法。

出于兴趣，您是否有理由在项目中显示步骤？为什么你不能只添加更多的项目，这会使你的代码变得更简单？

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

1 个答案: