jQuery réécriture href

Question

J'ai une fonction onclick que je veux ajouter une ancre à la valeur href. Je ne veux pas changer l'URL, car j'ai besoin que le site fonctionne toujours pour les personnes sans javascript/à des fins de référencement. alors voici ce que j'ai essayé d'utiliser (amoung autres):

 
jQuery('a[rel=ajax]').click(function() { 
    jQuery(this).attr('href', '/#' + jQuery('a')); 
}); 

Un lien orginal ressemble à ceci:

http://www.mysite.com/PopularTags/

URL re-écriture devrait ressembler à ceci, de sorte que AJAX fonctionne:

http://www.mysite.com/#PopularTags

j'ai pu se rendre au travail en définissant une valeur de nom de liens URL de certains à la même chose que le href, mais il ne fonctionne pas pour les liens avec les sous-sections:

http://www.mysite.com/Artist/BandName/

Donc, pas vraiment sûr. Merci pour l'aide.

Answer 1

Je vous suggère d'utiliser des expressions régulières, comme

$('a[rel=ajax]').click(function(){ 
    $(this).attr('href', function(){ 
    this.href = this.href.replace(/\/$/, ""); 
    return(this.href.replace(/(.*\/)/, "$1#")); 
    }); 
}); 

Answer 2

Je crois que quelque chose comme

jQuery(function(){ 
    jQuery('a').each(function(){ 
    jQuery(this).attr('href','/#'+jQuery(this).attr('href')); 
    }); 
}); 

fera le travail. Lire comme: Au chargement de la page, parcourez tous vos liens et remplacez leurs attributs href par # {old href}.

Answer 3

Cela dépend de la façon dont vous codez vos liens dans le code HTML. Si vous liez à http://www.mysite.com/PopularTags/ en utilisant ceci:

<a href="/PopularTags/">Popular Tags</a> 

Vous pouvez simplement utiliser ceci:

$(function() { 
$('a[rel=ajax]').each(function() { 
    var actualHref = $(this).attr('href'); 
    this.href = '/#' + actualHref.substring(1, actualHref.length - 1); // cuts off the first and last characters (‘/’) 
}); 
}); 

Cela se traduira par le code HTML suivant:

<a href="/#PopularTags">Popular Tags</a> 

Notez que nous pouvons définir this.href au lieu de $(this).attr('href'), mais nous avons toujours besoin de ce dernier pour obtenir l'attribut réel href. this.href contient toujours un URI complet, y compris le protocole, le nom de domaine, etc - que nous ne voulons pas dans cet exemple.