javascript - style - bootstrap templates

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

Descargué el ejemplo de barebone del bootstrap de Twitter y lo personalicé. Lo probé localmente (con el servidor WAMP) y todo funciona perfectamente, tanto el CSS como el JScript.

Subí los archivos a mi servicio de alojamiento web y el JScript simplemente no funciona. Lo noté porque los cuadros desplegables dejaron de funcionar.

Busqué y encontré a otras personas con el mismo problema, pero todas están usando ruby y yo no. Sólo el juego CSS + JScript proporcionado por bootstrap. Además, dijeron que la solución era incluir el bootstrap.js primero y luego el jquery.js. Bueno, lo intenté y no funcionó, incluso incluí el .js no reducido y aún así no funcionó.

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

La ayuda es muy apreciada.

Otras preguntas similares:

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

El problema podría ser que cargues boostrap.js antes de jQuery. Localmente, su navegador puede estar usando una copia en caché de Jquery, así que funciona allí pero no en su sitio en vivo. Intenta arreglarlo cambiando esas dos líneas en tu código:

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

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

Las pestañas finalmente comenzaron a funcionar cuando agregué todos los enlaces de JS (a excepción de Modernizr en el pie de página en lugar del encabezado).

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

Tuve que usar la consola S3 para forzar el cambio de sus tipos a texto / css, borrar cachés y recargar. Voila!

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

Tarde en la fiesta, pero descubrí que mi problema era que Bootstrap.js no estaba siendo expulsado durante la implementación.

Tuve exactamente el mismo problema, así que me sentí aliviado al encontrar esta publicación y otras similares. Mi resolución fue similar. Me saqué el pelo durante medio día probando cosas diferentes. Paseaba el perro. Tenía media docena de cervezas. Dormí en ello. Desayuné Vuelva a abrir las hojas de estilo en la parte superior, y los js desde la parte inferior desde el html local hasta el servidor php, y luego, por alguna razón desconocida, comenzó a funcionar nuevamente. Los únicos puntos que parecen útiles para otros que pasan por lo mismo:

Intente y vuelva a un escenario de trabajo, en mi caso el index.html estaba trabajando en el servidor pero no en el index.php. Conseguir estos exactamente lo mismo fue clave.
Pruebe diferentes navegadores en caso de que algo extraño esté sucediendo.
Asegúrate de seguir limpiando la memoria caché del navegador (por ejemplo, haz clic con el botón derecho en el botón de recarga en Chrome y selecciona ''Vaciar caché y recargar duro'')
Inspeccione sus versiones bootstrap css y js. Cámbialas hacia adelante y hacia atrás en la versión hasta que tengas éxito. Lo más probable es que la versión que vino con la descarga de tu tema bootstrap sea la más probable para que funcione.

Volver a lo básico: si Debug se establece en verdadero en la máquina local y falso en el entorno de implementación como debería ser, asegúrese de que sus archivos .min.js no anulen las personalizaciones que ha realizado en las versiones no minimizadas de los archivos .js (se aplica a .css también).

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

Yo tuve el mismo problema. En IE, el sitio estaba trabajando en localhost pero no cuando estaba alojado en un servidor diferente. Añadiendo la siguiente etiqueta meta lo arreglamos.

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