使用 Waypoints 为多个元素添加相同的类

Question

当元素在视口中可见时，我想使用 jQuery Waypoints 向元素添加一个类。定位一个元素很简单，但我不知道如何将它与多个元素一起使用。应该是这样的：

$(function() {
    const MyVariable = [
        'main.home section.blocks .text', 
        'main.page ul li',
        'main.contact .header div',
        'etc etc',
    ];
    
    $(MyVariable).waypoint(function() {
        $(this.element).addClass('animate');
    }, { 
        offset: '100%'
    });
});

感谢您的帮助！

Answer 1

您不必将选择器保存在数组中。 你可以这样做：

$('.selector1,.selector2,.selector3').waypoint(function() { ...}

或者按照你的方式进行（使用数组），但你需要使用 for 循环绕过它们：

$(MyVariable).each(function(){
var self = $(this);
 $(this).waypoint({
         handler: function(){
             self.addClass('animate');
         }
    });
})

我不能 100% 确定，因为我没有测试过，但我希望它对你有用或给你指导。