javascript - 航点未捕获错误

Question

我正在使用航路点根据顶部的背景颜色更改固定标题的颜色。我使用 IF 和 ELSE 语句来确定页面，因此它知道要更改哪些元素的颜色。

只有 INDEX 页面出现此错误: 未捕获错误:没有元素选项传递给 Waypoint 构造函数(...)

我似乎无法弄清楚为什么会发生这种情况，所以任何帮助都很棒!

var page = window.location.pathname;
if($(window).width() > 900) {
    if(page == '/' ) {
        var waypoint = new Waypoint({
          element: document.getElementById('diagonal1'),
          handler: function(direction) {
              $('header').toggleClass("black-text");
          }, offset: 100
        })
    } else if(page == '/about-manny' ) {
        var waypoint = new Waypoint({
            element: document.getElementById('about-manny'),
            handler: function(direction) {
              $('header').toggleClass("black-text");
            }, offset: 100
        })
    } else {
        var waypoint = new Waypoint({
          element: document.getElementById('project'),
          handler: function(direction) {
              $('header').toggleClass("black-text");
          }, offset: 100
        })
    }
});

这就是行动，这是我网站的开发人员:http://development.rdzbuild.com/

Answer 1

我遇到了同样的问题，我的 main.js 文件位于 waypoints.js 文件之后，但是当我将 main.js 移动到页面底部时，它由于某种原因起作用了，我很想知道为什么。