J'utilise Twitter Bootstrap pour un projet.Twitter Bootstrap 3 List Group
J'ai un type widget list-group, qui est une liste d'éléments qui sont utilisés pour la navigation.
Pour une raison quelconque, je ne peux pas faire ces liens pour travailler. Bien que le lien correct apparaisse en planant, ils ne me prennent pas là.
J'ai créé un fiddle à illustrer le problème.
Quelqu'un peut-il aider?
Cordialement.
Ne mettez jamais les protocoles HTTP dans le href pour de nombreuses raisons, dont le protocole pourrait être le mauvais! (http vs https).
En ce qui concerne le lien interne fonctionne correctement dans le jsFiddle une fois que vous créez en fait un élément avec cet identifiant.
plus le groupe de la liste devrait être dans une liste pas un tas de divs
Jetez un oeil à Bootstrap's documentation pour la liste des groupes. Quand je mets vos liens dans une UL, les choses semblent fonctionner:
<ul class="list-group">
<li><a
href="http://www.google.com"
class="list-group-item active"
>External link not working</a></li>
<li><a
href="#my_local_anchor"
class="list-group-item active">
Internal link not working
</a> </li>
</ul>
Lorsque vous spécifiez http dans le lien, il ne fonctionnera pas sur un site https.
Peut-être que c'est un effet secondaire de le faire tourner au violon. Mon site n'est pas HTTPS et ne fonctionne pas non plus – Nicolas
J'ai vérifié le lien interne et cela a fonctionné quand yo utilisez votre ancre comme ID
<h1 id="my_local_anchor">Et le lien externe travaillé quand j'ajouté:
<a href="https://www.google.com" target="_blank">qui ouvre le lien dans un nouvel onglet qui est généralement mieux que votre site Web gardera une présence dans le navigateur des utilisateurs
trouvé le problème. Il y avait un JS avec une instruction preventDefault. Commenter cela réglé le problème. J'ai copié ce code d'une source externe et n'ai pas réalisé le problème. – Nicolas