导航时,第二个菜单不会添加.active类

时间:2013-04-16 06:50:50

标签: javascript css joomla2.5

大家好我在Joomla 2.5上建立一个网站,我有2个菜单,一个是主菜单,另一个是第二个菜单,只出现在某些页面上。主菜单效果很好,它添加.active类,导航ex: 如果点击:

<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>

website link您可以看到滑块旁边的菜单

1 个答案:

答案 0 :(得分:2)

试试这个:

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