0

ページの右側にメニューがあります。メニュー内のすべてのリンクはオレンジ色です。リンクのいずれかにカーソルを合わせると、黒になります。しかし、私が欲しいのは、他のリンクをクリックするまで、開いているページがそのリンクに属していることを誰もが知っているように、黒い色でアクティブなままにする必要があります。ばかげた質問かもしれませんが、私にはできません。前もって感謝します。

コードは次のとおりです。

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

3 に答える 3

1

$またはjQueryを見逃しました

変化する

(this).addClass('selected');

に

$(this).addClass('selected');
于 2013-03-07T17:23:43.770 に答える
0

これを試して：

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

于 2013-03-07T17:39:42.953 に答える