这是一个非常棒的脚本,名为 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
. 知道为什么吗?