jquery - 单击时无法更改链接的颜色

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.
    });

我也没有.selected在你的 CSS 中找到 Class ......

尝试添加它

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