Wordpress菜单下拉菜单

时间:2011-04-29 16:07:17

标签: jquery wordpress menu drop-down-menu

好的,所以我到处寻找,找不到任何东西。我知道我可能需要一些jquery或其他东西。我曾尝试在wordpress.org上询问,但这是浪费时间,因为我没有回复2-3天所以现在我会问这里。

  1. 我的目标是有一个主菜单,显示它所在的活动页面,并为其他菜单项提供下拉菜单。我想通了。

  2. 我的下一步是在父母或孩子活跃时显示父母的子菜单。有点想通了。当父项处于活动状态时,子菜单会显示css。

  3. 当父母2处于活动状态和/或父母2的孩子处于活动状态时,接下来当我将鼠标悬停在任何其他菜单项上时天气是否具有子菜单时,我希望它恢复正常样式。如果它有一个子菜单,那么我希望它显示在原位而不是父二。

  4. 我试图实现的一个很好的例子,但他们不使用任何其他页面上的导航菜单是MSN主要导航(新闻,夹带等)是我正在寻找但想要父项和/或子项菜单显示为活动状态,但当将鼠标悬停在包含或不包含子菜单的其他菜单项时会消失。

1 个答案:

答案 0 :(得分:0)

所以我在某种程度上找到了解决方案,但是如果你认为你可以提供帮助那么我已经发布了另一个问题,那么请访问这个但是对于其他人来说这是我的解决方案

$(document).ready(function() {     
   $("see #1 below ").hover(function(){     
       $('see #2 below ').addClass(" see #3 below ");    
   },     
   function(){    
       $(' copy #2 ').removeClass("copy #3 ");     
    });
});
  1. 将您想要脚本的ID或类放在此处
  2. 将您想要脚本的ID或类添加到此处
  3. 将您希望脚本添加的类添加到为#2
  4. 列出的类或ID中

    您可以通过插入逗号来添加多个ID或类(请参阅下面的示例) 这是一个例子:

    $(document).ready(function() {     
       $("#navbar li:hover, #navbar li.sfhover").hover(function(){     
           $('#navbar .current-menu-parent, #navbar li.current-menu-item').addClass("non-ahover");    
       },     
       function(){    
           $('#navbar li.current-menu-parent, #navbar li.current-menu-item').removeClass("non-ahover");     
        });
    });