Question

我已经实现了熔岩灯样式导航菜单（来自here）以使用我的WordpPress博客的导航菜单。此函数需要为应该悬停在其上的导航菜单链接选择一个id或类。我在函数的代码中进行了设置以选择<li class="current_page_item">，这是一个由WordPress应用到与您所在页面对应的导航列表元素的类。

问题在于，当您在固定链接后的页面，类别页面或较旧的页面上时，熔岩灯功能不起作用，因为没有导航列表项具有current_page_item类它们不是导航菜单到达的页面。

在这些页面上（任何不在导航菜单上的页面），我只想让滑块默认为“主页”链接。

我能想到的最简单的解决方案是写一段javascript＆amp;在运行熔岩灯功能之前执行以下操作的jQuery：if no <li> has class="current_page_item", then addclass "current_page_item" to first <li>我只是不知道足够的JS或jQuery来编写它。

感谢。

Answer 1

你不能！

Nahhh开个玩笑，这样做，

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

});

WordPress中的jQuery熔岩灯导航问题

1 个答案: