Le javascript de Bootstrap fonctionne localement mais pas lorsqu'il est déployé sur un serveur
J'ai téléchargé le barebone exemple de Twitter bootstrap et personnalisé. Je l'ai testé en local (avec WAMP server) et tout fonctionne parfaitement, le CSS et le JScript.
J'ai téléchargé les fichiers sur mon service d'hébergement web et la JScript ne fonctionne tout simplement pas. Je l'ai remarqué parce que les zones de liste déroulante cessé de travailler.
J'ai cherché et trouvé d'autres personnes ayant le même problème, mais ils sont tous à l'aide de ruby, et je ne suis pas. Juste le jeu CSS+JScript fournis par bootstrap. En plus ils ont dit que la solution était d'ajouter les bootstrap.js en premier, puis les jquery.js. Bien que je l'ai essayé et ça ne fonctionne pas, j'ai même inclus le pas minimisé .js et encore ça ne fonctionne pas.
Je suis en utilisant le même navigateur (Chrome) pour les collectivités et les tests à distance. J'ai aussi essayé les différents services d'hébergement et le problème est survenu à la fois.
Aide est très appréciée.
D'autres questions similaires:
- Les fonctions Javascript de travail sur localhost, mais pas lorsqu'elle est déployée sur Heroku
- twitter bootstrap déroulant soudain ne fonctionne pas
source d'informationauteur dialex
Vous devez vous connecter pour publier un commentaire.
Le problème peut être que vous chargez boostrap.js avant de jQuery. Localement votre navigateur peut-être une copie en cache de Jquery, donc ça fonctionne, mais pas sur votre site en direct. Essayez de fixer en passant ces deux lignes dans votre code:
Je sais que c'est très étrange, mais je crois que j'ai la solution. Auparavant, j'ai été en utilisant le (fourni) jQuery 1.7.2 minimisé. Maintenant, je l'ai changé pour utiliser le jQuery 1.8.0 pas minimisé. Il a juste commencé à travailler... une Autre chose que j'ai faite a été de convertir tous les fichiers' encodage pour de l'utf-8 (je crois que c'est le vrai problème/solution)
J'ai eu le même problème. Sous IE, le site a été de travailler sur localhost, mais pas lorsqu'il est hébergé sur un serveur différent. L'ajout de la balise meta suivante, il fixe.
J'ai eu des questions similaires avant. Les onglets de la fonction fonctionnait bien dans mon site web en HTML, mais ne serait pas travailler quand codées dans un thème WordPress. Tous les URL ont été générées de manière dynamique avec WordPress .
Les onglets enfin commencé à travailler quand j'ai ajouté tous les JS liens (sauf pour Modernizr dans le pied de page au lieu de l'en-tête.
Retour à l'essentiel: Si le Débogage est définie sur true sur la machine locale et le faux sur l'environnement de déploiement comme il se doit, assurez-vous que votre .min.js les fichiers ne sont pas prépondérantes, les personnalisations que vous avez apportées à la non-minifiés versions de .js fichiers (s'applique .css).
Vous pouvez également activer le Debug off sur la machine locale et vous devriez voir les mêmes questions.
J'ai eu exactement le même problème, donc, a été soulagé de trouver ce post et d'autres comme elle. Ma résolution est similaire. J'ai tiré mes cheveux pour une demi-journée à essayer toutes les choses différentes. Promené le chien. A une demi-douzaine de bières. Dormi sur elle. Eu le petit déjeuner. Recopier le dos des feuilles de style au top, et le js à partir du bas de l'html en local sur le serveur php, et puis pour une raison inconnue, il a commencé à travailler à nouveau. Les seuls points qui semblent utiles pour d'autres personnes vivent la même:
En plus des suggestions très utiles, par @dialex et @Darrell , j'ajouterai que, si rien de tout cela fonctionne, vous pouvez consulter le code que vous pourriez être en lien avec l'ie. via
require ('page.php');
pour les doublons. Dupliqué .js liens ont tendance à provoquer ces problèmes.Je suis tombé sur cette sur un site que j'ai construit et téléchargés sur Amazon S3. A bien fonctionné sur ma machine locale, et même mon serveur local, mais ne fonctionne pas lorsqu'il est servi à partir de Amazon. La console de Firefox (mais pas Chrome) ont montré qu'il n'était pas à la charge de bootstrap.min.css (heure de l'est. al) en raison de leur type MIME est pas text/css.
J'ai eu à utiliser le S3 console à force de changer leur type text/css, effacer les caches et la recharger. Voila!