Estoy construyendo un pequeño sitio en el momento y quería utilizar algunas de las Bootstrap partes de Initialzr, específicamente las pestañas. Yo actualmente he intentado utilizar el código de ejemplo proporcionado por el proyecto de Bootstrap (http://twitter.github.com/bootstrap/javascript.html#tabs) y un par de retoques, pero conseguir «indefinido no es una función» en la carga.

El JS archivos precargados en el orden correcto (jQuery, libs/bootstrap/*, mi script.js archivo/el script mixto en el html), estándar de jQuery comandos (ocultar etc) todo el trabajo fino para que no parecen estar relacionados con el noConflict() opción.

¿Qué otra cosa debo comprobar?

  • ¿Qué versión de Rails estás usando?
  • que versión de bootstrap estás tratando de usar?
  • 3.1.2
  • utilizando 2.0 de Initializr
  • Otra cosa a tener en cuenta: ventanas emergentes requieren de la descripción del plugin, como una dependencia. Así incluirlo en primer lugar.

5 Comentarios

  1. 80

    Esto también puede ser causado si se incluyen bootstrap.js antes de jquery.js.

    Otros puedan tener el mismo problema que yo.

    Incluyen jQuery antes de bootstrap.

    • Intercambia la línea y funcionar a la perfección 🙂 Gracias
    • no funciona para mí //= require lib/jquery-2.1.0.min //= require lib/bootstrap.min
  2. 35

    De hecho, me las arreglé para trabajar de lo que me estaba haciendo mal (y fue mi culpa).

    Estoy acostumbrada a usar pre-jQuery Rails, así que cuando he incluido el Bootstrap JS archivos, no creo que la inclusión de la versión de jQuery liado con ellos se cause ningún problema, sin embargo cuando me he quitado que un archivo JS todo empezó a funcionar perfectamente.

    Lección aprendida, triple comprobar que JS archivos se cargan, a ver si hay cualquier conflicto.

    • Ídem, hemos tenido un problema similar, y se convirtió en un viejo archivo JS había incluido.
    • Sería de ayuda si el error fue más descriptivo, pero supongo que es lo que es 🙂
    • Actualización de jQuery 1.6.2 jQuery 1.7.2 ordenados por mí.
  3. 18

    asegúrese de que está con la nueva jquery, y problema resuelto

    Conocí a este problema con este código:

    <script src="/scripts/plugins/jquery/jquery-1.6.2.min.js"> </script>
    <script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script>

    Después de cambiar a este:

    <script src="/scripts/plugins/jquery/jquery-1.7.2.min.js"> </script>
    <script src="/scripts/plugins/bootstrap/js/bootstrap.js"></script>

    Funciona bien

    • ¿No hay una manera de utilizar Bootstrap plugins con jQuery 1.6.2 ? Hemos utilizado jQuery mucho en nuestro proyecto y a actualizar 1.7.2 es romper algunas cosas así que no se desea actualizar hasta la próxima versión. Sin embargo, deseamos incluir algunos de los plugins (Typeahead y la información sobre herramientas) en nuestra Aplicación. Es allí una manera de utilizar con jQuery 1.6.2. Alguna idea de si alguien ha creado su equivalente que funciona con versiones anteriores de jQuery.
    • Esta solucionado mi problema.
    • solucionado mi problema
  4. 0

    Podemos tratar mediante el uso de últimas biblioteca jQuery. Tengo el mismo problema. He usado jQuery 1.4.2.min antes y obtener el error. Después de eso he utilizado la versión 1.9.1 y funciona. Gracias

Dejar respuesta

Please enter your comment!
Please enter your name here