javascript - paginas - slider automatico y manual

Twitter Bootstrap Carrusel No se desliza

Question

Me encontré con un tema 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 intenté copiar el HTML exacto del sitio bootstrap en mi propia página y todavía no se desliza. En application.js, la inicialización también no tiene argumento.

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

Observo que las clases next y prev se agregan a cada elemento al hacer clic en el botón pref / next, pero no parece hacer lo mismo en el mío. Tampoco vi nada malo cuando depuré.

¿Qué me estoy perdiendo? He probado esto tanto en Chrome más reciente como en Safari.

Answer 1

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

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

Answer 2

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

Answer 3

Compruebe los archivos css que ha incluido. Pruebe y agregue el archivo bootstrap.css además de bootstrap.min.css. Funcionó para mí.

Answer 4

Creo que necesitas

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

También consulte: ¿Cómo puedo hacer que el carrusel Bootstrap js realice un ciclo automáticamente tan pronto como se cargue la página?

Answer 5

Estaba teniendo el mismo problema, pero con bootstrap v2.0.3 (que tiene la transición incluida), terminé agregando la clase de diapositivas al carrusel div.

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

entonces solo llamas

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

Answer 6

También tiene que agregar bootstrap-transition para que el deslizamiento funcione, así:

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