Twitter Bootstrap Carrusel no deslizante

Question

Me encontré con un problema interesante. Estoy bastante seguro de que la respuesta es muy simple, pero no pude entenderlo, así que pensé en buscar ayuda.

Básicamente, mi carrusel no se desliza. Simplemente cambia de imagen. Incluso traté de copiar el HTML exacto del sitio de arranque en mi propia página y todavía no se desliza. En application.js, la inicialización tampoco tiene argumento.

// carousel demo 
$('#myCarousel').carousel() 

noto que las clases next y prev se añaden a cada elemento al hacer clic en el botón siguiente/pref, pero no parece hacer lo mismo en la mía. No vi nada mal cuando depuré cualquiera.

¿Qué me estoy perdiendo? Probé esto en los últimos Chrome y Safari.

Answer 1

también hay que añadir bootstrap-transition para el deslizamiento a trabajar, así:

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script> 

Answer 2

Aquí hay un ejemplo de trabajo. Probablemente es algo menor que te falta. http://jsfiddle.net/chapmanc/Vza6F/1/

Answer 3

que estaba teniendo el mismo problema, pero con la v2.0.3 de arranque (que ha incluido en Transición), terminó de adquirir esta clase de diapositivas para el div carrusel

<div id="myCarousel" class="carousel slide"> 

continuación, que acaba de llamar:

$('#myCarousel').carousel(); 

Answer 4

¿Acabas de poner ese JavaScript en una etiqueta <script>?

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

Answer 5

creo que es necesario

$('#myCarousel').carousel('cycle'); 

Pls también ver: How can I make the Bootstrap js carousel automatically cycle as soon as the page loads?

Answer 6

verificación de los archivos CSS que haya incluido. Pruebe y agregue el archivo bootstrap.css además de bootstrap.min.css. Funcionó para mí