Enquire.js和Fullpage.js玩得不好

Question

我想让Enquire.js使用fullpage.js。

我在afterLoad上制作了一些元素的动画，并希望这些动画在移动设备上不同。

以下是没有查询的afterLoad的示例：

afterLoad: function(anchorLink, index){

        var $serviceAnimation = $('.services .is-animated')

        //Services
        if(index == 1){
            //Set easing on all
            $serviceAnimation.slice(0,8).css({animationTimingFunction: "ease-in-out"});
            //h1
            $serviceAnimation.eq(0).addClass('animated fadeIn').css({
                animationDelay: "0s",
                animationDuration: "1s"
            });
        }

我的目标是查询是这个

afterLoad: function(anchorLink, index){

var $serviceAnimation = $('.services .is-animated')

//Services
if(index == 1){
    //Set easing on all
    $serviceAnimation.slice(0,8).css({animationTimingFunction: "ease-in-out"});
    //h1
    enquire.register("screen and (max-width: 767px)", {
        match : function() {
            $serviceAnimation.eq(0).addClass('animated fadeIn').css({
                animationDelay: "0s",
                animationDuration: "1s"
            });
        },
        unmatch : function() {
            $serviceAnimation.eq(0).addClass('animated fadeInLeft').css({
                animationDelay: "0s",
                animationDuration: "1s"
            });
        }
    });
}
}

但这似乎不起作用。它只会激发匹配的一个永远不会无与伦比的，为什么呢？如果我放入控制台日志或警报，两者都可以正常启动。