Jquery css 选中菜单问题

Question

您好，我有一个 jquery，用于在选择时更改菜单颜色

.selected{
    background-color: red;
}

$("#nav-container>li").click(function(){
    $(this).addClass('selected')
        .siblings()
        .removeClass('selected');
});

HTML如下:

<ul id="nav-container">
    <li id="welcome">
        <a href="/" >Welcome</a>
    </li>

    <li id="find">
        <a href="/find">Find</a>
    </li>

    <li id="talk">
        <a href="/talk">Talk</a>
    </li>

    <li id="events">
        <a href="/event">Events</a>
    </li>
</ul>

颜色发生变化，但是当页面在新页面或页面重新加载到新页面时， 颜色不再被选中。我还没有添加什么？我在这里遗漏了什么吗？

Answer 1

jQuery 不知道您在页面重新加载后选择了哪一个，您必须通过服务器端代码 (php) 设置 selected 类，或者在页面加载时检查您选择的是哪个页面在 jQuery 中打开并在元素上设置 selected 类。