Bootstrap Karussell aktive Klasse arbeitet nicht in Rails

Question

Aus irgendeinem Grunde die ‚aktive‘ Klasse für das Karussell wird nicht für den folgenden Code Radfahren:

<div id="foo" class="carousel slide" data-ride="carousel"> 
    <div class="overlay"><h1>SOME TEXT HERE</h1></div> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
     <li data-target="#foo" data-slide-to="0" class="active"></li> 
     <li data-target="#foo" data-slide-to="1"></li> 
     <li data-target="#foo" data-slide-to="2"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner" id="main-carousel" role="listbox"> 
     <div class="item active"> 
      <%= image_tag("someImage.JPG") %> 
     </div> 
     <div class="item"> 
      <%= image_tag("someImage.JPG") %> 
     </div> 
     <div class="item"> 
      <%= image_tag("someImage.JPG") %> 
     </div> 
    </div> 
</div> 

am unteren Rande der Seite, die ich den folgenden Skript-Tag:

<script> 
    $('.carousel').carousel({ interval: 3000 }); 
</script> 

Die aktive Klasse wird nicht zum zweiten oder dritten Element verschoben.

Answer 1

Es ist nichts falsch mit Ihrem Code von allem, was ich hier sagen kann. Die einzigen Probleme, die ich sehe, könnten sein mit:

1. Der Pfad zu Ihren Bildern ist falsch.
2. Sie haben nicht die Abhängigkeiten für bootstraps Karussell geladen in Ihrem Projekt, die bootstrap.cssjQuery und das bootstrap.js Skript benötigen.

mit Ihrem genauen Code Arbeits Geige hier: https://jsfiddle.net/khvgqkme/