Question

我有一个像

这样的菜单

           <ul class="nav nav-list">
                @for (int i = 1; i <= pageno; i++)
                {
                    <li> <a href="~/Insts?page=@i&count=10">@i</a></li>
                }
            </ul>

我想在点击链接时添加活动类。因为我使用以下代码

 $(document).ready(function () {
    $('.nav li a').click(function (e) {

        $('.nav li').removeClass('active');
        var $parent = $(this).parent();
        if (!$parent.hasClass('active')) {
            $parent.addClass('active');
        }
        return false;
    });
  });

添加使用此活动类。但链接不是特定的路径。如果未添加return false，则会处理链接，但active class无效。

Answer 1

在事件处理程序中返回false类似于jquery中的preventDefault（）方法。它会阻止默认操作。因此，如果您要为链接返回false to click事件，那么它将阻止链接的导航操作。

您可以使用MouseOver event将该类添加到该链接。

所以代码应该是

$（document）.ready（function（）{ $（＆＃39; .nav li a＆＃39;）。mouseover（function（e）{
    $('.nav li').removeClass('active');
    var $parent = $(this).parent();
    if (!$parent.hasClass('active')) {
        $parent.addClass('active');
    }

});   });

工作演示 http://jsfiddle.net/Midhun52/Lc7sc1ce/

jquery中的'active'类问题

1 个答案: