[英]Navigation link does not highlighting the current menu, when submenu is clicked
我已经编写了用于突出显示respective submenu
菜单的onclick菜单的jquery代码。 现在发生了什么事
我在三个sub-menu's
都有一个相同的链接,因此当我单击其中一个时,它会高亮显示最后一个菜单。
这是我的代码:
var str = location.href.toLowerCase();
$("#menu li a").each(function () {
if (str.indexOf($(this).attr("href").toLowerCase()) > -1) {
$("li.activelink").removeClass("activelink");
$(this).parent().addClass("activelink");
$(this).parents("#menu ul").parent().addClass("activelink");
}
});
$("li.activelink").parents().each(function () {
if ($(this).is("li")) {
$(this).addClass("activelink");
}
});
$("li.activelink").parents("#menu ul").parent().each(function () {
if ($(this).is("li")) {
$(this).addClass("activelink");
}
});
$("#menu li .para1 a").each(function () {
if (str.indexOf($(this).attr("href").toLowerCase()) > -1) {
$("li.activelink").removeClass("activelink");
$(this).parent().addClass("activelink");
$(this).parents().parent().addClass("activelink");
}
});
$("li.activelink").parents().each(function () {
if ($(this).is("li")) {
$(this).addClass("activelink");
}
});
在这里看看
另请参见Js小提琴中的HTML内容。
更新:这不是OP预期的问题。 下面的代码不能解决问题。
我多次遇到这个问题。 尝试以下CSS代码:
#menu > li:hover { background-color: red; }
用自己的突出显示替换背景颜色声明。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.