Продолжайте подчеркивать пункт меню с почтовыми страницами

У меня проблема с основным nav на WP, который я разрабатываю на локальном с Wamp. Искал решение в течение нескольких часов, но безуспешно. Вот мой код:

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; } 

Я создал пользовательскую страницу для каждой категории (статьи и блог), которые содержат список сообщений, а также настраиваемую страницу с списком категорий форума. Каждый пункт меню подсвечивается классом текущего меню, и он работает хорошо, когда я вызываю страницы статей, блога или форума. Но когда я открываю сообщение, указанное на страницах, которые связаны с категорией, или когда я открываю нить форума, пункт меню теряет свой текущий атрибут current-menu-item.

Я пробовал много подходов, найденных в Google, но ничего не работает для меня … вероятно, потому что я не очень хорошо знаком с JS и PHP, поэтому мне что-то не хватает: p

Любая помощь будет высоко ценится.

Solutions Collecting From Web of "Продолжайте подчеркивать пункт меню с почтовыми страницами"

Да! Нашел решение, которое отлично работает для моего дела 🙂

 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'); } . 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'); } . 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'); } . 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'); } 

Решение найдено здесь