jquery - 如何在mvc3操作链接中使用jquery添加删除类？

Question

我正在尝试使用 jquery 内容为选定的菜单添加类。我尝试了以下方法，但不起作用。

我的代码是

<div class="paragraph">
   <ul class="tablinkss">
        <li class="active">@Html.ActionLink("Login", "LogOn")</li>
        <li>@Html.ActionLink("Register", "Register")</li>
   </ul>
</div>

还有我的jquery

$(function () {
           $('ul.tablinkss li').click(function () {
               $('ul.tablinkss li').removeClass("active");
               $(this).addClass("active");
           });
       });

谢谢

Answer 1

Html.ActionLink 返回一个超链接，使浏览器加载新页面。 JavaScript 在这种情况下将不起作用，除非您阻止链接加载下一页。好吧，它会工作一瞬间，然后浏览器将显示新页面。

1. 登录已激活。
2. 用户点击“注册”。
3. 由于您的 JavaScript，注册变得活跃。
4. 浏览器加载注册页面。
5. 登录再次激活。

您需要在 Razor 模板中而不是 JavaScript 中修复此问题。