【问题标题】:Wordpress Menu DropdownWordpress 菜单下拉菜单
【发布时间】:2011-04-29 16:07:17
【问题描述】:
好的,所以我到处找,找不到任何东西。我知道我可能需要一些 jquery 什么的。我曾尝试在 wordpress.org 上询问,但这是浪费时间,因为我 2-3 天没有回复,所以现在我会在这里询问。
我的目标是有一个主菜单来显示它所在的活动页面,并有一个用于其他菜单项的下拉菜单。我已经想通了。
我接下来要做的是在父母或孩子处于活动状态时显示父母的子菜单。有点想通了。子菜单显示,但当父级处于活动状态时由 css 显示。
接下来,当父母二处于活动状态和/或父母二的孩子处于活动状态时,如果我将鼠标悬停在任何其他菜单项上,我希望它恢复正常样式,天气是否有子菜单。如果它有一个子菜单,那么我希望它显示在适当的位置而不是父级两个。
我正在努力实现但他们不使用任何其他页面上的导航菜单的一个很好的例子是 MSN 那里主要导航(新闻、夹带等)是我正在寻找但想要父母的和/或子菜单在活动时显示,但在将鼠标悬停在具有或不具有子菜单的其他菜单项上时消失。
【问题讨论】:
标签:
jquery
wordpress
menu
drop-down-menu
【解决方案1】:
所以我在一定程度上找到了解决方案,但是如果您认为可以提供帮助,我已经发布了关于我的其他问题的另一个问题,请访问此页面,但对于其他人来说,这是我的解决方案
$(document).ready(function() {
$("see #1 below ").hover(function(){
$('see #2 below ').addClass(" see #3 below ");
},
function(){
$(' copy #2 ').removeClass("copy #3 ");
});
});
- 把你想要激活脚本的id或者类放在这里
- 把你想要脚本添加类的id或者类放在这里
- 将您希望脚本添加的类添加到为 #2 列出的类或 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");
});
});