pas en mesure de changer la couleur du lien sur cliquez

Question

J'ai un menu dans le côté droit de la page, tous les liens dans le menu est de couleur orange. Quand je passe la souris sur l'un des liens, il passe au noir. Mais ce que je veux, c'est que jusqu'à ce que je clique sur un autre lien, il devrait rester actif en noir pour que tout le monde sache que la page ouverte appartient à ce lien. Ce pourrait être une question stupide mais je ne suis pas capable de le faire. Merci d'avance.

Voici le code:

fonction JavaScript:

@section JavaScript{ 
<script type="text/javascript"> 
    $('#allapps a').click(function() { 
     $('#allapps a').removeClass('selected'); // remove selected from any other item first 
     (this).addClass('selected'); //add selected to the one just clicked. 
    }); 
</script> 
} 

lien

:

<a id="allapps" class="allapps" href="@Url.Action("CategoryType", "Marketplace", new { @id = 1 })"><h3 class="allapps grid_2 alpha">Legal </h3><p class="grid_1 omega calculate" > @ViewBag.legal</p><br /><br /></a> 

css:

.allapps 
{ 
font-family: Arial; 
font-size: 12px; 
color:#C55000; 
padding-left:20px; 
font-weight:bold; 
} 

a.allapps :link { 
    color: Black; 
} 

a.allapps :visited { 
color:Black;} 

a.allapps :hover { 
color:Black;} 

a.allapps :active { 
    color:Black; } 

Answer 1

Vous avez manqué le $ ou jQuery

changement

(this).addClass('selected'); 

Pour

$(this).addClass('selected'); 

Answer 2

Dans votre JQuery Pourquoi vous utilisez à la fois le nom d'identification et le nom de Tag ....?

$('#allapps a').click(function() { 

Pouvez-vous essayer comme ci-dessous ... peut-être il vous aidera ..

$('#allapps').click(function() { 
     $('#allapps').removeClass('selected'); // remove selected from any other item first 
     $(this).addClass('selected'); //add selected to the one just clicked. 
    }); 

Aussi je ne trouve pas .selected classe dans votre CSS ...

Essayez de Ajoutez-le

.selected{ 
color:Black;} 

Answer 3

Essayez ceci:

$(function(){ 
    var url = window.location.href; 
    var page = url.substr(url.lastIndexOf('/')+1); 
    $('a[href$="'+page+'"]').addClass('selected'); 

    $('#allapps a').click(function() { 
     $('#allapps a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
    }); 

Ce qui semble que vous voulez to highlight the link mais when clicked on it page get refreshed et applied class gets removed.