не в состоянии изменить цвет ссылки при нажатии

Question

У меня есть меню в правой части страницы, все ссылки в меню оранжевого цвета. Когда я нахожу любую ссылку, она становится черной. Но я хочу, пока я не нажму на любую другую ссылку, он должен оставаться активным в черном цвете, чтобы все знали, что открытая страница принадлежит этой ссылке. Это может быть глупый вопрос, но я не могу этого сделать. Заранее спасибо.

Вот код:

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> 
} 

ссылка:

<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

Вы пропустили $ или JQuery

Изменить

(this).addClass('selected'); 

Для

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

Answer 2

В вашем JQuery Почему вы используете как имя идентификатора и имени тега ....?

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

Вы можете попробовать, как показано ниже ... может быть, это поможет вам ..

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

Также я не нашел .selected класса в вашем CSS ...

Постарайся добавить его

.selected{ 
color:Black;} 

Answer 3

Попробуйте это:

$(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'); 
    }); 
    }); 

То, что кажется, что вы хотите to highlight the link но when clicked on it page get refreshed и applied class gets removed.