Drupal - 如何添加数据属性 的项目 菜单

Question

这是一个很棒的脚本，名为fullPage.js，位于：https://github.com/alvarotrigo/fullPage.js

我设法加载js文件和css文件，甚至使用Void菜单模块，设法调用锚链接，但我正在努力与数据属性部分执行这个很酷的代码！任何帮助是极大的赞赏！如何在Drupal 7.25中使用数据属性？我的意思是，我需要将它们添加到菜单中，以便html看起来像这样：

<ul id="menu">
    <li data-menuanchor="firstPage"><a href="#firstPage">First slide</a></li>
    <li data-menuanchor="secondPage"><a href="#secondPage">Second slide</a></li>
    <li data-menuanchor="3rdPage"><a href="#3rdPage">Third slide</a></li>
    <li data-menuanchor="4thpage"><a href="#4thpage">Fourth slide</a></li>
</ul>

只想将它添加到Drupal的主菜单中。知道怎么样？我试图在我的主页上实现这一点并使用安装了Display Suite模块的自适应子主题，如果这有帮助的话。

已将以下内容添加到template.php中，但它完全没有区别：

function MY_THEME_NAME_menu_link(&$variables) {
  $variables['element']['#attributes']['data-menuanchor'] = substr($variables['element']['href'], 1);
  return theme_menu_link($variables);
}

我在这做错了什么？

编辑

你可以在这里下载sitemaniacs主题：http://dream-portal.net/dpdowns/MyProblem.zip你可以从Drupal here下载自适应主题，然后将sitemaniacs复制到你的sites / all / themes文件夹，而不仅仅是启用主题并转到你的主页。

还有一个名为fullPage的文件夹，它的例子在没有Drupal的情况下工作得很好。

要注意的文件：

/sites/all/themes/sitemaniacs/scripts/custom.js
/sites/all/themes/sitemaniacs/template.php
/sites/all/themes/sitemaniacs/css/example2.css
/sites/all/themes/sitemaniacs/sitemaniacs.info

如果你还需要什么，请告诉我，k？

谢谢你!!!我所做的是创建4个基本页面，并使用Field Formatter Class Module为body字段提供一个类（管理显示时）定义为section，而不是提升到首页。比我在另一个节点类型中使用HTML并使用NodeBlock Module将其作为块的Menu Bar部分中的菜单项输出，使用url <front>。如果您还需要其他任何内容，请告诉我，但我无法使用这种简单方法让它工作。我也尝试了很多方法，但不适合我。如果你找到一种有效的方法，或者其他地方可能出现问题，请告诉我....我正在拔出我的头发。

尝试过直接的HTML，现在得到这个：

Uncaught TypeError: Cannot read property 'top' of undefined    jquery.fullPage.js?mzf0rp:506
scrollPage       jquery.fullPage.js?mzf0rp:506
doneResizing       jquery.fullPage.js?mzf0rp:889

第一个错误似乎发生在这一行的scrollPage函数中：

var dtop = dest !== null ? dest.top : null;

看起来dest.top没有在.top上定义。知道为什么吗？

Answer 1

使用Menu Link Attributes模块，您可以在每个菜单项中添加自定义属性。

Answer 2

对于“href”，您可以在结构>菜单中创建的菜单中的路径中使用<'front'>＃4thpage（前面没有任何“cotation”），并将Menu Link Attributes模块用于其他属性