0

这个问题与引导轮播有关。

我想在轮播项目中一个一个地显示项目。

喜欢：

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

当轮播项目激活时显示

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 {.....
}
4

1 回答 1

1

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

这可以实现，但只需使用此问题How to Extend Twitter Bootstrap Plugin中提到的方法覆盖轮播“循环”或“滑动”方法。

出于兴趣，您想在项目中显示步骤是有原因的吗？为什么你不能只添加更多项目，它会使你的代码更简单？

于 2013-10-01T15:28:18.223 回答