El javascript de Bootstrap funciona localmente pero no cuando se implementa en un servidor

Question

He descargado el ejemplo barebone de bootstrap de Twitter y lo he personalizado. Lo probé localmente (con el servidor WAMP) y todo funciona perfectamente, tanto el CSS como el JScript.

Cargué los archivos en mi servicio de alojamiento web y el JScript simplemente no funciona. Lo noté porque las cajas desplegables dejaron de funcionar.

Busqué y encontré otras personas con el mismo problema, pero todas usan ruby ​​y yo no. Solo el juego CSS + JScript provisto por bootstrap. Además, dijeron que la solución era incluir primero bootstrap.js y luego jquery.js. Bueno, lo probé y no funcionó, incluso incluí el .js no minificado y todavía no funcionó.

Estoy usando el mismo navegador (Chrome) para las pruebas locales y remotas. También probé diferentes servicios de alojamiento y el problema ocurrió en ambos.

La ayuda es muy apreciada.

---

Otras preguntas similares:

• Javascript features work on localhost but not when deployed to Heroku
• twitter bootstrap drop down suddenly not working

Answer 1

Sé que esto es muy extraño, pero creo que tengo la solución. Anteriormente estaba usando el jQuery 1.7.2 (suministrado) minificado. Ahora lo cambié para usar jQuery 1.8.0 no minificado. Simplemente comenzó a funcionar ... Otra cosa que hice fue convertir todos los archivos 'codificación a UTF8 (creo que este era el verdadero problema/solución)

Answer 2

El problema podría ser que cargue boostrap.js antes de jQuery. Localmente, su navegador puede estar usando una copia en caché de Jquery, por lo que funciona allí pero no en su sitio en vivo. Trato fijándolo al cambiar esas dos líneas en el código:

<script src="/code4pt/styles/js/bootstrap.js"></script> 
<script src="/code4pt/styles/js/jquery.js"></script> 

Answer 3

Estaba teniendo problemas similares antes. La función de pestañas funcionaba bien en mi sitio HTML, pero no funcionaba cuando estaba codificada en un tema de Wordpress. Todas las URL de origen se generaron dinámicamente con Wordpress.

Las pestañas finalmente comenzó a trabajar cuando he añadido todos los enlaces JS (a excepción de Modernizr en el pie de página en lugar de la cabecera.

Answer 4

que tenían el mismo problema. En IE, el sitio estaba funcionando en el servidor local, pero no cuando alojada . en un servidor diferente Adición de la siguiente etiqueta meta fija que

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

Answer 5

Volver a lo básico:. Si depuración se establece en true en la máquina local y falso en el entorno de despliegue como debe ser, asegúrese de que su .min Los archivos .js no anulan las personalizaciones que ha realizado en las versiones no minificadas de archivos .js (también se aplica a .css).

También puede desactivar Debug en la máquina local y debería ver los mismos problemas.

Answer 6

Tuve exactamente el mismo problema, así que me alivió encontrar esta publicación y otras similares. Mi resolución fue similar. Me quité el pelo por medio día probando todas las cosas diferentes. Caminé al perro. Tenía media docena de cervezas. Dormí en él. Desayuné.Recopilé las hojas de estilo en la parte superior y las js desde abajo desde el html local hasta el servidor php, y luego, por algún motivo desconocido, comenzó a funcionar nuevamente. Los únicos puntos que parecen útil para otras personas que atraviesan la misma:

• tratar de volver a un escenario de trabajo - en mi caso el index.html estaba funcionando en el servidor, pero no el index.php. Obtener estos exactamente lo mismo fue la clave.
• Pruebe con diferentes navegadores en caso de que ocurra algo extraño.
• Asegúrate de borrar la caché del navegador (por ejemplo, haz clic con el botón derecho en el botón de recarga en Chrome y selecciona "Vaciar la caché y recargar con fuerza")
• Inspecciona las versiones de bootstrap css y js. Cámbialos hacia adelante y hacia atrás en la versión hasta que consigas el éxito. Lo más probable es que la versión que viene con la descarga del tema de arranque sea la más probable para trabajar.

Answer 7

Además de las sugerencias muy útiles de @dialex y @Darrell, agregaré que si nada de eso funciona, puede revisar cualquier código que pueda estar vinculando, es decir. a través de require ('page.php');, para duplicados. Los enlaces duplicados .js tienden a causar estos problemas.

Answer 8

Me encontré con esto en un sitio que construí y cargué en Amazon S3. Funcionó bien en mi máquina local e incluso mi servidor local, pero no funcionó cuando se lo prestó desde Amazon. La consola en Firefox (pero no en Chrome) mostraba que no cargaba bootstrap.min.css (et al.) Porque su tipo MIME no era text/css.

Tuve que usar la consola S3 para forzar a cambiar sus tipos a texto/css, borrar cachés y volver a cargar. Voila!