javascript - 第二个菜单在导航时不添加 .active 类

Question

大家好，我正在 Joomla 2.5 上建立一个网站，其中我有 2 个菜单，一个是主菜单，另一个是仅出现在某些页面上的第二个菜单。主菜单效果很好，它在导航时添加了 .active 类，例如：如果单击：

<li class="item111 active root ">

如果没有点击

<li class="item111 root ">

但第二个默认情况下不应用此功能我不知道为什么：

<ul id="slide-menu" class="menu menu-sidebar">
  <li class="level1 item187">
    <a class="level1" href="/plastikovye-okna-i-dveri/other/plastikovye-okna-i-dveri">
     <span>Пластиковые окна</span>
    </a>
  </li>
  <li class="level1 item188">
    <a class="level1" href="/plastikovye-okna-i-dveri-2/uncategorised/okna-rehau">
     <span>Входные двери</span>
    </a>
  </li>
</ul>

我试图用javascript添加这个类，但它也不起作用，对此有什么想法吗？

<script>
$(function(e){

  $("#slide-menu > li ").click(function(){
    e.preventDefault();
    $("#slide-menu > li ").addClass("current").not(this).removeClass("current");
  });

});

</script>

网站链接，您可以看到滑块旁边的菜单

Answer 1

试试这个：

$(function(){
  $("#slide-menu > li ").click(function(e){
    e.preventDefault();
    $("#slide-menu > li ").addClass("current").not(this).removeClass("current");
  });
});