javascript - 自定义航点函数错误

Question

您好，我正在编写一个自定义航点函数，但遇到错误，想知道是否有人可以帮助我。该功能正在使用 waypoints.js

http://imakewebthings.com/waypoints/

这是我到目前为止的代码

var waypoint = function(triggerElement, animatedElement, className, offsetVal) {
    element: document.getElementById(triggerElement);
    handler: function(direction) {
        if (direction === 'down') {
            animatedElement.addClass(className);
            this.destroy();
        }
        else {

        }
    };
    offset: offsetVal;
};

//Trigger Elements
var section2 = jQuery('#section-2');

//Waypoint Instances
waypoint(section2, "section-2-orange-dot", "section-2-orange-dot-active", 500);

我在第三行遇到错误

处理程序:函数(方向){

“未捕获的语法错误:意外的标记(”

谢谢!

Answer 1

您需要使用逗号来分隔函数参数，而不是分号。您还将选定的 jQuery 对象作为triggerElement 传递，因此您不需要 getElementById:

function waypoint (triggerElement, animatedElement, className, offsetVal)
{
    return new Waypoint({ 
        element: triggerElement,
        handler: function(direction) {
            if (direction === 'down') {
                animatedElement.addClass(className);
                this.destroy();
            }
        },
        offset: offsetVal
    });
}