Javascript 下划线活动链接

我想在活动链接上加下划线 但是我无法成功地选择Html.actionLink。这是我的HTML：

<nav class=" navbar-collapse secondaryNav collapse" >

     <div id="highlighter" class="blue"></div>
                <ul class="nav navbar-nav col-lg-12 col-md-12 col-sm-12" style="margin-left:7%" id="menu">
                  <li class="col-lg-4 col-md-4 col-sm-4 border ">@Html.ActionLink("Organize", "Organize", "Home")</li>
                  <li class="col-lg-4 col-md-4 col-sm-4 border " >@Html.ActionLink("Participate", "Participate", "Home")</li>
                  <li class="col-lg-4 col-md-4 col-sm-4 border ">@Html.ActionLink("Support", "Support", "Home")</li>
                </ul>
          </nav>

---

我可以移动荧光灯，但只能在列表项下单击，而不能在链接本身上单击。

您可以使用

：活动伪选择器

，例如

<nav class=" navbar-collapse secondaryNav collapse" >

     <div id="highlighter" class="blue"></div>
                <ul class="nav navbar-nav col-lg-12 col-md-12 col-sm-12" style="margin-left:7%" id="menu">
                  <li class="col-lg-4 col-md-4 col-sm-4 border ">@Html.ActionLink("Organize", "Organize", "Home")</li>
                  <li class="col-lg-4 col-md-4 col-sm-4 border " >@Html.ActionLink("Participate", "Participate", "Home")</li>
                  <li class="col-lg-4 col-md-4 col-sm-4 border ">@Html.ActionLink("Support", "Support", "Home")</li>
                </ul>
</nav>

1。评论后更新

再添加一个事件处理程序以避免默认的

标记

$('#menu li a').click(function(e){
   e.preventDefault();
 });

---

使用CSS有什么问题吗？一点也没有，但我想如果我想让活动链接保持下划线，我必须在某个地方使用javascript不？不，你可以使用：活动伪选择器，检查我的答案在我的理解中，问题是javascript我必须选择li的孩子，因为如果我点击li而不是链接，高亮显示器会移动得很好

#highlighter a:active {text-decoration:underline}

$('#menu li a').click(function(e){
   e.preventDefault();
 });