小编Chr*_*ult的帖子

如何向 WordPress 导航菜单中的 <li> 元素添加数据属性

我在 WordPress 网站上使用 fullpage.js,并且想使用它的功能之一,即在 li 上添加一个类。但要做到这一点,您需要添加数据属性 data-menunchor 。

我见过这个:

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 = 113;

  // inspect $item
  if ($item->ID == $menu_target) {
    $atts['data-menuanchor'] = 's1';

  }
  return $atts;
}
Run Code Online (Sandbox Code Playgroud)

它可以工作,只是它将属性添加到 a 标签并需要它位于 li 标签上。

另外,如果我想对菜单上的所有项目执行此操作。我需要对所有项目执行此功能吗?我想我每次都必须重命名该函数?

谢谢

wordpress custom-data-attribute fullpage.js

3
推荐指数
1
解决办法
8662
查看次数