Waypoints Uncaught Error

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移到页面底部时，由于某种原因，它很想知道为什么。