He creado un carousel con Bootstrap 3.3 y funciona en mi máquina local, pero cuando voy a subir todo en el servidor donde el bootstrap archivo js está siendo compilada junto con otros archivos en un único archivo, me sale este error:

Cannot read property 'offsetWidth' of undefined – nadie ha enfrentado este y hay algún conocido de soluciones para este problema?

  • Puede usted enlace a la página con el error? O podría poner en jsFiddle?
InformationsquelleAutor Xeen | 2015-03-13

4 Comentarios

  1. 165

    Para mí era porque no me había fijado un active clase en cualquiera de las diapositivas.

    • Sí, esa era la solución 🙂 Gracias!
    • Si compila bootstrap se puede solucionar mediante la edición de la carousel.js para la línea de $next[0].offsetWidth // la fuerza de reflujo de Cambio para if (typeof $next == 'object' && $next.length) $next[0].offsetWidth // force reflow
    • en mi caso, que afecta tanto activa en clase y también es posible que también rendred problema de buceo de la carga antes de su contengan cargado
    • Impresionante! Gracias Man
    • Gracias, el error no es muy descriptivo.
    • Hola, quisiera saber ¿a qué te refieres exactamente por compilar bootstrap? ¿cómo puede bootstrap ser compilado manualmente? Hacer u significa la construcción de todo el proyecto?

  2. 93

    Para mí, he cambiado class='carousel-item' a class='item' como este

    <div class="item">
        <img class="img-responsive" src="..." alt="...">
    </div>
    • ‘carrusel-item’ es a partir de la v4 alfa ejemplo. Por esta razón, he dejado en pero, añadió, ‘item’, por lo que también trabajo en la v3
    • Trabajó también para mí. No sé por qué.
    • Muchas gracias! Después de agonizando sobre este problema durante más de un houre, ya esta resuelto el problema para mí también.
    • Esto funcionó para mí.
    • Estoy usando ambos BootStrap 4 y 3 (larga historia) por lo que la adición de elemento y el carrusel de-elemento solucionado el problema para mí (ni uno solo ha trabajado).
    • El uso de 4 beta 1 que pingendo.com está utilizando actualmente, y tuvo que agregar elemento, junto con el carrusel-item hizo el truco
    • Esto funcionó para mí también.
    • Dos años más tarde, el uso de bs4, utilizando tanto el elemento y el carrusel de-elemento que funciona para mí también. Por ahora, tal vez el error es incorporada?
    • esto funcionó para mí..!

  3. 8

    Eliminar la clase ‘Orgía de diapositivas» en la página de carga & agregar dinámicamente cuando la imagen se carga usando jquery.Este fijo para mí

    • Estoy creando todo el carrusel de contenido html en jquery de forma dinámica y sigue apareciendo el mismo error
    • Tenga en cuenta que tenemos que inicializar el carrusel de usar .carrusel() método.
  4. 1

    Tengo el mismo error. Porque yo v4 clase alpha nombres como carousel-control-next Cuando he cambiado con la v3, problema resuelto.

Dejar respuesta

Please enter your comment!
Please enter your name here