【发布时间】：2015-08-06 07:48:34
【问题描述】：
我想为每个菜单项添加一个具有不同名称的自定义属性。 我刚开始在 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>
我这样做是因为我正在使用一个单页滚动插件，该插件为每个部分都有锚点，因此给该数据菜单您可以导航到特定部分并为两个菜单提供一个“活动”类项目和部分。
【问题讨论】：
-
预期结果中显示的href和当前菜单中显示的href有什么关系？您是否尝试过更新子主题或者您想用 javascript 来做这件事？滚动插件是如何初始化的？
-
这是插件初始化： $('#fullpage').fullpage({ css3: false, anchors: ['contact', 'tabs', 'featured', 'grid', 'carousel ', 'text'], menu: '.menu-new-menu-container', scrollingSpeed: 1000, });预期结果中的 href 只是示例......如果您提供#page-1 或联系我想要实现的目标，这并不重要。
标签： javascript jquery html css wordpress