为wordpress菜单项添加不同的属性

时间:2015-08-04 13:19:35

标签: javascript jquery html css wordpress

我想为每个菜单项添加一个具有不同名称的自定义属性。 我刚刚开始尝试wordpress,所以我不知道如何编辑每个菜单li标签。

目前菜单如下:

<ul id="menu-new-menu" class="menu">
    <li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a href="#contact">contact</a></li>
    <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="#tabs">tabs</a></li>
</ul>

我想添加的内容是:

data-menuanchor="Name_of_the_page" (different for each menu item)

此类只适用于第一个菜单项:

class="active"

所以看起来应该是这样的:

<ul id="menu-new-menu" class="menu">
    <li data-menuanchor="page-1" class="active" ... ><a href="#page-1">page-1</a></li>
    <li data-menuanchor="page-2" ... ><a href="#page-2">page-2</a></li>
</ul>

我这样做是因为我使用的是一个单页滚动插件,每个部分都有一个锚点,所以给这个数据 - 你可以导航到一个特定的部分并给出一个&#34类;有源&#34;对于菜单项和部分。

1 个答案:

答案 0 :(得分:1)