无法改变点击链接的颜色

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 为什么你使用ID名称和标记名称都....？

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

此外，我没有发现你的CSS .selected类...

尝试它添加

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