2

这是一个非常棒的脚本,名为 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 的主菜单中。知道怎么做吗?我试图在我的主页上实现这一点,并使用安装了显示套件模块的自适应子主题,如果有帮助的话。

已将以下内容添加到 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 下载 Adaptive Theme,然后将 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 个基本页面,并使用字段格式化程序类模块为正文字段提供一个定义为的类(在管理显示时)section,而不是提升到首页。比我在另一个节点类型中使用 HTML 并使用NodeBlock 模块将其作为块部分中的菜单项输出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. 知道为什么吗?

4

2 回答 2

0

使用菜单链接属性模块,该模块可让您为每个菜单项添加自定义属性。

于 2017-09-04T07:38:20.210 回答
0

对于“href”,您可以在“结构”>“菜单”中创建的菜单路径中使用 <'front'>#4thpage(front without any “coation”),并将“菜单链接属性”模块用于其他属性

于 2019-02-21T18:21:49.870 回答