jquery - 标签点击和页面重新加载时，如何更改标签的背景？

Question

我正在尝试更改 <li> 的背景标记时 <a>点击里面的标签。我指的是这个 answer

但是，问题是页面重新加载并删除了 dom。单击后，<li>背景会改变，但当页面完成重新加载时它会再次消失。

我的代码如下:

<li id="HowItWorks" runat="server">
     <a href="<%= GlobalUtility.ApplicationPath() %>/Portal/HowItWorks">
          <%--<span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>--%>
          <asp:Label ID="HowItWorksLabel" meta:ResourceKey="HowItWorksLabel" runat="server" />
     </a>
</li>

我的脚本如下:

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

Answer 1

试试这个

$(function () {
        $("li").click(function (e) {
            e.preventDefault(); // <--- pretend we never clicked a link
            $("li").removeClass("active");
            $(this).addClass("active");
        });
    });