Accédez à l'ancre sur une autre page
Je veux simplement naviguer d'une page à un point spécifique sur un autre
J'ai une page d'accueil avec quatre sections.
<section>
<a name="section1"></a>
</section>
<section id="section2">
</section>
<section>
<a name="section3"></a>
</section>
<section id="section4">
</section>
La Section 2 et 4, de la fonction sur chaque page, mon nav ressemble:
<nav>
<ul>
<li><a href="index.html#section1">ABOUT</a></li>
<li><a href="#section2">APARTMENTS</a></li>
<li><a href="index.html#section3">LANDLORDS</a></li>
<li><a href="#section4">CONTACT</a></li>
</ul>
</nav>
Les liens ne sont pas à naviguer vers la page d'index ou de la section souhaitée de la page d'index.
Merci d'avance.
Maintenant, j'ai
<section>
<a name="section1"></a>
</section>
<section id="section2">
</section>
<section>
<a name="section3"></a>
</section>
<section id="section4">
</section>
et ma navigation:
<nav>
<ul>
<li><a href="#section1">ABOUT</a></li>
<li><a href="#section2">APARTMENTS</a></li>
<li><a href="#section3">LANDLORDS</a></li>
<li><a href="#section4">CONTACT</a></li>
</ul>
</nav>
Il n'y a toujours pas
assurez-vous que vous avez d'appellation des fichiers par exemple:name="section4"
OriginalL'auteur user1910388 | 2014-02-06
Vous devez vous connecter pour publier un commentaire.
Êtes-vous sûr que vous avez placé les fichiers dans le même répertoire? J'ai testé le code que vous avez fourni, et ça fonctionne. Cependant, vous pouvez essayer ce sort (une autre façon de donner un id):
Si vous avez fait cela, il suffit d'utiliser le même mode de liaison:
Qui plugin jquery utilisez-vous? Êtes-vous à l'aide de ce simple-page-nav plugin?
Oui, je suis en utilisant cela, j'ai plusieurs pages tous avec le même nag lorsque des sections ne sont pas sur la même page, je ne peux pas revenir à la page appropriée.
Je viens de réalisé que je peux donner le lien a class="external" et il navigue vers la page appropriée. Merci pour votre aide
OriginalL'auteur aaronang
Vérifier votre code javascript pour la ligne qui dit que "l'événement.preventDefault();"
J'ai trouvé ça dans un w3school bootstrap modèle qui inclus cette commande en tant que partie d'un bloc qui fait un joli défiler vers le hashtag. Une fois que j'ai commenté, les liens a bien fonctionné.
Même j'ai été en utilisant le défilement doux morceau de code, et d'enlever cette ligne a bien fonctionné. Grand coup mon ami. Je suis sûr que cela va aider beaucoup de gens. Cheers!
OriginalL'auteur Mike Ursitti
Vous avez besoin d'une étiquette de nom, veuillez consulter
http://www.w3schools.com/tags/att_a_name.asp
OriginalL'auteur Teson
Je pense que vous êtes confrontés à ce problème avec les anciens Navigateur(IE8 et ci-dessous). Parce que je l'ai testé dans firefox, chorm et IE9. Ça fonctionne très bien. Mais pas dans l'héritage du navigateur.
Pour cela vous devez utiliser la balise d'ancrage au lieu de div id.
Exemple:
Maintenant vous pouvez utiliser un nom de classe que vous souhaitez pour vos éléments de section...
OriginalL'auteur Rakesh Kumar