Javascript 在wordpress中，如何将.active类添加到父导航链接（如果有）'；s子导航链接是否处于活动状态？
首先，我不是一个开发者，我只是在自学。我对php和javascript还没有深入的了解 我正在开发我自己的WordPress网站作为测试主题和学习场所。我在我的自定义子主题中使用了twitter引导，它有一个名为320Press WP引导的父主题。我在这方面没有问题。只在它的php端 我现在面临一个关于我的顶部导航栏菜单的问题。我无法触发所需菜单项的.active类 使用添加菜单小部件从管理面板创建菜单。菜单的父项称为BLOG，其子项是BLOG的类别。基本上，博客菜单是我顶部导航栏菜单的一个子项。我的顶部导航栏菜单，包含主页、博客和信息菜单。点击博客菜单将触发主题的下拉菜单功能，并显示可用的博客类别。我已将永久链接设置设置为自定义结构，如下所示 我已经创建了一个静态页面并将其设置为我的主页，活动类正在处理该url，即我的根域。我的主题的function.php通过针对当前菜单项类在其上添加一个.active类。但是当我导航到我的博客部分（也是一个自定义页面）时，活动类不会添加到导航菜单“BLOG”中。菜单“博客”是通过管理员菜单小部件添加的 一位用户建议在服务器端解决这个问题，所以我想他是指添加一些php代码 但我还没有这个技能。但是wordpress提供了codex，我可能只需要复制粘贴一些代码并对其进行调整。但是为了调整它，我仍然需要一些php技能。我在网上搜索了一些类似的问题，找到了一些有效的解决方案，但我不知道如何实施它来解决我的具体问题 我在这里发现了一些类似的问题： 但我不知道如何实施它 我还从wordpress论坛上发现，我用我的价值观替换了这些价值观，但它不起作用 以下是我的WordPress导航菜单的外观：Javascript 在wordpress中，如何将.active类添加到父导航链接（如果有）'；s子导航链接是否处于活动状态？,javascript,jquery,wordpress,twitter-bootstrap,Javascript,Jquery,Wordpress,Twitter Bootstrap,首先，我不是一个开发者，我只是在自学。我对php和javascript还没有深入的了解 我正在开发我自己的WordPress网站作为测试主题和学习场所。我在我的自定义子主题中使用了twitter引导，它有一个名为320Press WP引导的父主题。我在这方面没有问题。只在它的php端 我现在面临一个关于我的顶部导航栏菜单的问题。我无法触发所需菜单项的.active类 使用添加菜单小部件从管理面板创建菜单。菜单的父项称为BLOG，其子项是BLOG的类别。基本上，博客菜单是我顶部导航栏菜单的一个子项
<div class="nav-collapse collapse">
<ul class="nav">
<li class="cateogry-1">Home</a></li>
<li class="this-shall-become-active"><a data-toggle="dropdown" class="dropdown-toggle" title="blog">Blog<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="category-1"><a href="../blog/cat1">Blog Category 1</a></li>
<li class="category-2"><a href="../blog/cat2">Blog Category 2</a></li>
</ul>
</li>
<li class="somelink1"><a href="#">Some Link 1</a></li>
<li class="somelink2" ><a href="#">Some Link 2</a></li>
</ul>
</div>
现在，我需要代码将.active类添加到菜单父项。您应该能够使用location.pathname在加载时操作DOM，即
$(document).ready(function(){
var currentLocation = location.pathname;
if (currentLocation == "/test/1"){
$("#page1").addClass("active");
}
});
希望有帮助。您应该能够使用location.pathname在加载时操作DOM，即
$(document).ready(function(){
var currentLocation = location.pathname;
if (currentLocation == "/test/1"){
$("#page1").addClass("active");
}
});
希望能有所帮助。经过密集的反复试验和研究。我终于找到了解决我具体问题的办法 这个解决方案在我的情况下奏效了。我将下面的代码粘贴到我的子主题的function.php中
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
if( in_array('current-menu-parent', $classes) ){
$classes[] = 'active ';
}
return $classes;
}
经过密集的反复试验和研究。我终于找到了解决我具体问题的办法 这个解决方案在我的情况下奏效了。我将下面的代码粘贴到我的子主题的function.php中
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
if( in_array('current-menu-parent', $classes) ){
$classes[] = 'active ';
}
return $classes;
}
根据您发布的代码，Blog的
hrefhref