JQuery将类添加到菜单

我把这个菜单放在顶部，“Representaciones”部分显示在同一页上，但在欢迎图片的下面。当我点击它工作，但如果我刷新页面，类“选定”从“代表”消失，并显示在“主页”。 我做不到，谢谢你的帮助

<div id="menu">
    <ul>
        <li>
        <a href="index.php" class="selected">HOME</a>
        </li>
       <li>
       <a href="#representaciones">REPRESENTACIONES</a>
       </li>
       <li>
       <a href="productos.html" target="_parent">PRODUCTOS</a>
       </li>
       <li>
       <a href="eventos.html" target="_parent">EVENTOS</a>
       </li>
       <li>
       <a href="contacto.php" target="_parent">CONTACTO</a>
       </li>
   </ul>
</div>

我在这个网站上找到的jquery

$(document).ready(function () {
    $('#menu li a').click(function () {
        $('#Menu ul li a').removeClass('selected');
        $(this).addClass('selected');
    });
});

---

您需要将

ctMenu

更改为

menu

$(document).ready(function () {
    $('#menu li a').click(function () {
        $('#menu li a').removeClass('selected');
        $(this).addClass('selected');
    });
});

试试这个

$(document).ready(function () {
    $('#menu li a').click(function () {
        $('#menu li a').removeClass('selected');
        $(this).addClass('selected');
    });
});

---

我认为浏览器就是这样工作的。如果刷新页面，它将恢复到初始状态

---

您需要将其状态存储在cookie或本地存储器中，并在加载页面后获取该状态，然后重新选择所需元素。

不知道您在问什么，但这里有一个供其他任何人使用的提琴。。。

$(document).ready(function () {
    $('#menu li a').click(function () {
        $('#menu li a').removeClass('selected');
        $(this).addClass('selected');
    });
});