javascript - 为 WordPress 中的多个菜单项提供属性(无 .js)

Question

我试图为我的 WordPress 导航栏中的每个项目提供一个属性。

我现在拥有的是:

  <ul id="menu-nav-bar" class="menu">

        <li><a href="#text">text</a></li>
        <li><a href="#carousel">carousel</a></li>

  </ul>

这就是我想要实现的目标:

  <ul id="menu-nav-bar" class="menu">

        <li><a data-menuanchor="text" href="#text">text</a></li>
        <li><a data-menuanchor="text" href="#carousel">carousel</a></li>

  </ul>

我使用了一个自定义walker来创建菜单，所以如果我可以使用一个函数来获取标签内的文本(在本例中是文本和轮播)并使其“打印”，那就太酷了data-menuanchor 属性如上面的示例。

这是一个非常相似的案例，但它对我不起作用:

https://wordpress.stackexchange.com/questions/165294/how-to-add-scroll-ids-to-wordpress-menu-anchors

Answer 1

如果您觉得插件没用，请尝试这个过滤此内容，针对特定菜单 ID 很容易:

将以下内容添加到您的 functions.php 文件中。

add_filter( 'nav_menu_link_attributes', 'my_nav_menu_attribs', 10, 3 );

function my_nav_menu_attribs( $atts, $item, $args )
{
 // The ID of the target menu item
 $menu_target = 365;
// inspect $item

 if ($item->ID == $menu_target) {
$atts['data-menuanchor'] = 'text';
}
 return $atts;
}