jQuery Lava Lamp Проблема с навигацией в WordPress

Question

Я реализовал навигационное меню в стиле лавовых ламп (от здесь ) для работы с навигационным меню моего блога WordpPress. Эта функция должна выбрать идентификатор или класс для ссылки меню навигации, над которой она должна висеть. Я установил это в коде функции, чтобы выбрать <li class="current_page_item">, который является классом, применяемым WordPress к элементу списка навигации, который соответствует странице, на которой вы находитесь.

Проблема в том, что когда вы находитесь на странице с постоянной ссылкой, на странице категории или на более старой странице, функция лавового индикатора не работает, поскольку ни один из элементов списка навигации не имеет класса current_page_item, поскольку они не страницы, которые доступны в меню навигации.

На этих страницах (на любой странице, отсутствующей в навигационном меню) я просто хочу, чтобы ползунок по умолчанию содержал ссылку "home".

Самое простое решение, которое я мог бы придумать, - это написать кусок javascript & jQuery, который выполняет следующее до запуска функции lava lamp: if no <li> has class="current_page_item", then addclass "current_page_item" to first <li> Я просто не знаю достаточно JS или jQuery, чтобы написать это.

Спасибо.

Answer 1

Вы не можете!

Нахххх, шучу, сделай это так,

$(function(){
   var $menu = $('ul#menu');

   // look for <li class="current_page_item"> , .length would return greater than zero if there is matched element. 
   if (! $menu.find('.current_page_item').length ) {
      // add the class on the first child if no matched...
      $menu.children('li:first-child').addClass('current_page_item');
   }

});