Javascript 当前链接不工作

我已经尝试过许多当前链接在点击时处于活动状态的例子，但没有一个对我有效。我有一些链接，每个链接都会在单击时加载内容。 我想要的是在我点击链接后，即使内容刷新后，样式仍然存在。 这是我的index.html

<form name="searchForm" method="post" action="index.html">
    <div id="sorting">
        <ul>
            <li href="#" class="sort">Sort By</li>
            <li class="sort-by-doc by">
                <a href="#" id="1" onclick="setSorting(this.id)" th:text="#{sort.doc}"></a>
                <div class="arrow-down"></div>
            </li>
            <li class="sort-by-date by">
                <a href="#" id="2" onclick="setSorting(this.id)" th:text="#{sort.date}"></a>
                <div class="arrow-down"></div>
            </li>
            <li class="sort-by-po by">
                <a href="#" id="3" onclick="setSorting(this.id)" th:text="#{sort.po}"></a>
                <div class="arrow-down"></div>
            </li>
        </ul>
    </div>
    <input type="hidden" name="sortBy" th:value="${sortBy}"></input>
</form>

---

有什么我错过的吗？

我建议这样做：

$('#sorting li').click(function(){
    $(this).addClass('current').siblings().removeClass('current');
});

---

是，在

（'li.current'）中缺少
$
。removeClass（'current'）在发布到SO之前，请检查您的Javascript控制台是否存在错误。很抱歉，我错过了这里的
$
，但实际上在我的代码中有
$
。如果脚本加载到
中，或者
li
元素是动态添加的，那么您是否已将代码包装到
ready
？此外，还需要添加
event.preventDefault（）在处理程序中。@Tushar我已经将代码包装在
ready
中了。还有什么
event.preventDefault（）用于？如何添加代码？我会说使用，
.sides（'.current'）
@tushar工作得很好，下面是一个示例
$('#sorting li').click(function(){
    $(this).addClass('current').siblings().removeClass('current');
});