Safari ancres sur des liens ne fonctionne pas

Mon ancre html est comme suit.

<a name="template-8"/>
<h4 class="template" id="template-8">A title</h4>

Autant que je sache, le navigateur doit passer à l'élément avec un nom ou un attribut id.

Quand je tape dans l'url http://my.site.com/templates#template-8 safari saute en bas de la page comme prévu.

Toutefois, lorsque la liaison ci-dessous le point d'ancrage ne fait rien. Chrome, Opera, IE7 et Firefox, tout fonctionne.

<a href="http://my.site.com/templates#template-8">A link</a>

Safari est la version 5.0, cela pourrait être une safari bug?

InformationsquelleAutor Keyo | 2010-06-11
  1. 15

    Le problème est que j'avais une redirection en-tête de la page, j'ai été en les reliant à.

    Opera, IE, Chrome, Firefox va porter sur l'ancrage de la nouvelle page. Cependant safari perd le point d'ancrage sur la redirection.

    Si vous rencontrez des problèmes avec safari ancres de désactiver toutes les redirections.

    • Merci beaucoup pour cette. J'ai connu le problème dans WordPress. Je ne suis pas sûr de savoir exactement pourquoi il y a une redirection qui se passe. Peut-être que j'ai renommé la page à un certain point, et n'a pas de mise à jour de la page des liens.
    • que voulez-vous dire l'homme , im totalement confus ....
    InformationsquelleAutor Keyo
  2. 10

    Pour moi, j'ai simplement eu à changer

    http://domain.com/page#myanchor

    à

    http://domain.com/page/#myanchor
    • Bravo pour cette. Solution Simple et fonctionne dans Firefox, Chrome et Opera ainsi.
    • Vraiment? Cela fonctionne pour vous dans Safari? Je ne vois pas le même comportement.
    • Salut Ryan, poste ton code et je vais le tester sur Safari
    • C'est une implémentation de Keyo de réponse - il fonctionne en supprimant la redirection causé par l'omission de la barre oblique (à moins qu'il n'en wordpress)
    InformationsquelleAutor Jase Whatson
  3. 2

    Je viens de tomber sur le même problème et trouvé votre post, alors que la recherche - évidemment, vous l'avez résolu ce depuis qu'il était de retour en 2010 et mais pensé que je pourrais poster ce que j'ai trouvé dans le cas où quelqu'un d'autre le trouve. 🙂

    Je suis en utilisant htaccess pour rediriger mon url à partir de mydomaincom/index.php pour mydomaincom/et a constaté que ma nav ne fonctionne pas dans Safari, depuis ma href adresses où l'indice.php#valeur et Safari v5 ne portent pas sur l'ancrage des liens.

    Plutôt que d'éteindre mon rediriger j'ai juste changé l'url de point de mydomaincom/#valeur. Non seulement ce grand travail pour tous les navigateurs, mais il a également fait ma page plus rapide (pas encore sûr de savoir comment, mais recherche sur ce maintenant :))

    InformationsquelleAutor frostedpops
  4. 1

    Il y a deux questions que je vois, qui ne sont pas la cause (puisque vous avez trouvé le problème, déjà), mais probablement n'aide pas:

    • D'auto-fermeture <a> tag. Vous ne pouvez pas l'auto-fermeture des balises qui sont censés être les balises de fin, il convient de: <a name="template-8"></a>.
    • La name et id attributs partagent le même "espace de noms", de sorte que vous ne pouvez pas avoir la même valeur pour un name et id attribut. Tous les navigateurs du passé 10 ans de soutien des ancres sur les Id, de sorte que la ferraille inutile balise de lien.
    InformationsquelleAutor DisgruntledGoat
  5. 0

    Il n'a pas travaillé avec la proposition de solutions, il a travaillé pour moi de créer une redirection à l'aide de javascript de la manière suivante.

    <!-- <a href="#first-block"> -->
<a href="javascript:redirection('first-block')">

function redirection(destination){
    window.location.href = "example.com/page.html#" + destination;
}

    Je m'en remets ici au cas où quelqu'un vous sert dans l'avenir.

    InformationsquelleAutor DavidMB
  6. -1

    De fixer une balise d'ancrage dans Safari. Je procède de cette façon : 

     <a href="#" class="btn">A tag</a>

    Et sur mon fichier css : 

    .btn{
  display:block;
  width:100%;
  height:100%;
}

    L'important, c'est pour une raison quelconque, parfois Safari a besoin de voir votre lien comme un bloc, et il peut être utile si vous créez une liste, avec quelques liens à l'intérieur.
    Exemple : 

    <ul>
    <li><a href="#" class="btn">A tag</a></li>
    <li><a href="#" class="btn">A tag</a></li>
</ul>

    Fonctionne pour Safari 6+

    InformationsquelleAutor LukyVj