2017-10-21 70 views
1

Je fais un site web en utilisant ce thème:Bootstrap navbar ne fonctionne pas sur Chrome

https://bootstrapthemes.co/item/jwood-photography-portfolio-html-landing-page-template/

Mais il y a un problème: la barre de navigation ne fonctionne pas sur Chrome. Il semble bon mais ne vous emmène nulle part quand on clique dessus. Cela fonctionne parfaitement sur IE. Pouvez-vous m'aider, où est le problème avec cela? Je pense que cela a fonctionné quand j'ai téléchargé le thème il y a quelques semaines. Je n'ai apporté aucune modification au code qui affecterait la barre de navigation.

La page de prévisualisation en direct a le même problème:

https://bootstrapthemes.co/demo/html/one-page-portfolio-landing-page/

+1

Donnez-nous du code, s'il vous plaît. – Goran

+0

@Goran il a donné le site Web qui contient le code complet ^^ C'est son problème, il ne sait pas d'où vient le problème de –

+0

@IslamElshobokshy oups, mon mauvais. – Goran

Répondre

0

Dans l'en-tête démo HTML en direct:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

Il est toujours valide pour utiliser IE = bord, chrome = 1 mais le projet de cadre chromé a été réduit (janvier 2014), il est donc redondant pour les navigateurs qui n'ont pas encore de plugin installé. Pour passer le validateur W3C, le chrome = 1 doit être supprimé. Cela pourrait être une cause.

+0

Avez-vous essayé votre réponse avant de l'afficher? Cela ne fonctionne pas. –

+0

Essayé de supprimer le ** chrome = 1 ** du code, mais cela n'a pas aidé. Efface également le cache de mon navigateur et ne fonctionne toujours pas – Sieni

+0

Cela ne répond pas à la question. Une fois que vous avez suffisamment [réputation] (https://stackoverflow.com/help/whats-reputation) vous pourrez [commenter n'importe quel article] (https://stackoverflow.com/help/privileges/comment); Au lieu de cela, [fournissez des réponses qui ne nécessitent pas de précisions de la part du demandeur] (https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- je-fais-à la place).- [De la revue] (/ review/low-quality-posts/17691942) –

1

En main.js changer ceci:

$('#navbar-collapse')

à cette

$('.navbar-collapse')

et il aidera, encore il y a un problème avec un fond de menu sur les appareils mobiles .

+0

pour garder le menu d'arrière-plan sur les appareils mobiles il devrait être changé: \t var windowWidth = $ (window) .width(); if (windowWidth> 200) –

+0

Cela résout le problème. Je n'ai aucune idée pourquoi cela fonctionne dans d'autres navigateurs - '$ ('# navbar-collapse'). Find ('a [href * = #]: not ([href = #])'). Length' est zéro. – connexo

0

Cela semble être lié au plugin jQuery localScroll étant un très ancienne version (1.3.5 à partir de 2014, par opposition à 2.0.0 étant la version actuelle):

https://github.com/flesler/jquery.localScroll/issues/38

Supprimer le plugin de plugins.js et le remplacer par la version actuelle. Cela devrait régler le problème.