单击href后，jQuery.fn.addClass重置

Question

我的JavaScript：

$(document).ready(function(){
    $("ul.menu li a").click(function(e){
        $("a").removeClass("selected");
        $(this).addClass("selected");
    });
});

HTML：

<div>                   
    <ul id="top_bookmarks" class="menu list-inline">
        <li><a class="selected" href="/56">item 1</a></li>
        <li><a class="" href="/64">item 2</a></li>
    </ul>
</div>

它有效，但当我点击第2项课程＆＃34;选择＆＃34;只添加一秒钟，然后将其删除并添加回第1项。

我如何解决它？

Answer 1

当你点击第二个li - ＆gt;锚标签，然后检查网址。数据通过URL发送，页面重新加载，因此重置页面，从而重置您的课程。

如果要停止页面重新加载，并希望保持在同一页面上，则可以在单击锚点时使用event.preventDefaul（）方法。在您的情况下，它将是e.preventDefault();