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> 

когда деталь карусельного потренируйтесь затем показать

шаг1 затем 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.

Из интереса есть причина, по которой вы хотите показать шаги внутри элемента? Почему вы не можете просто добавить больше элементов, это сделает ваш код намного проще?