我在本地与Wamp一起开发的WP上的主导航有问题。在数小时内搜索解决方案,但未成功。这是我的代码:
HTML(php)
<div id="primary-nav" class="primary-nav-container" role="navigation">
<ul id="primary-menu" class="sf-menu primary-menu">
<li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-8"><a href="http://localhost/sw/">HOME</a></li>
<li id="menu-item-241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-241"><a href="http://localhost/sw/articles/">Articles</a></li>
<li id="menu-item-339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-339"><a href="http://localhost/sw/blog/">Blog</a></li>
<li id="menu-item-437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-437"><a href="http://localhost/sw/forum/">Forum</a></li>
</ul>
</div>
CSS突出显示
.primary-menu > li > a:hover,
.primary-menu > .current-menu-item > a,
.primary-menu > .sfHover > a {
border-bottom: 5px solid #ddff34;
color: #fff;
}
我为每个类别(文章和博客)创建了一个自定义页面,其中包含一个帖子列表,还有一个带有论坛类别列表的自定义页面。每个菜单项都用当前的菜单项类突出显示,当我调用文章、博客或论坛自定义页面时,它运行良好。但是,当我打开与该类别关联的页面上列出的帖子时,或者当我打开论坛线程时,该菜单项将丢失其突出显示属性当前菜单项。
我尝试了很多在谷歌上找到的方法,但似乎什么都不适合我。。。可能是因为我不太熟悉JS和PHP,所以我遗漏了一些东西:p
任何帮助都将不胜感激。
最合适的回答,由SO网友:dragoweb 整理而成
对找到了适合我的情况的解决方案:)
if(window.location.href.indexOf("/blog/") > -1) {
$(\'#menu-item-339\').addClass(\'current-menu-item\');
}
if(window.location.href.indexOf("/articles/") > -1) {
$(\'#menu-item-241\').addClass(\'current-menu-item\');
}
if(window.location.href.indexOf("/forum/") > -1) {
$(\'#menu-item-437\').addClass(\'current-menu-item\');
}
找到的解决方案
here