Jquery inquire.js和Fullpage.js玩得不好
我正在尝试让Enquire.js与fullpage.js一起工作 我正在制作一些后装元素的动画,希望这些动画在手机上有所不同 以下是未经查询的后载示例:Jquery inquire.js和Fullpage.js玩得不好,jquery,media-queries,fullpage.js,enquire.js,Jquery,Media Queries,Fullpage.js,Enquire.js,我正在尝试让Enquire.js与fullpage.js一起工作 我正在制作一些后装元素的动画,希望这些动画在手机上有所不同 以下是未经查询的后载示例: afterLoad: function(anchorLink, index){ var $serviceAnimation = $('.services .is-animated') //Services if(index == 1){ //Set easing on
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"
});
}
});
}
}
但这似乎不起作用。它只发射匹配的一个,从不发射不匹配的,为什么?如果我输入控制台日志或警报,两者都可以正常启动