我目前正在尝试创建一个导航菜单,其中一个活动类应用于具有与当前url匹配的hrefs的锚点,我发现了一些jquery可以完成工作但是在我移动鼠标时悬停即使我离开了活动页面,该项目也会消失。
var path = location.pathname;
var home = "/";
$("a[href='" + [path || home] + "']").parents("li").each(function() {
$(this).addClass("current_page_item");
});
答案 0 :(得分:0)
var aHrefs = $("li a")
$.each(aHrefs, function (i,e) {
var href = $(e).attr('href');
var currentHref = top.location.href;
if ( href == currentHref ) {
$(e).parents('li.asign-an-li-class-here').addClass('current_page_item');
}
});
我认为这应该有效。在此之前加载它。使用.current_page_item css类检查您遇到的任何其他代码。
忘记了来电()。你应该为那个li元素指定一个类名,这样它就不会在页面的任何位置给你一个误报。