当窗口大小大于800时运行Jquery函数

Question

i do some greensock and scrollmagic animation. I put this animation inside a function called scrollMgc. this animation will run when the window width greater than 800px and will stop when the window less than 800px on resize. This the code i wrote so far

function scrollMgc(){

    // Prepare the stage
    TweenMax.set($('.animation-awards'), {y: 70});

    // Make scrollmagic controller
    var controller = new ScrollMagic.Controller();

    // Create awards scene
    var awardScene = new ScrollMagic.Scene({
        triggerElement: '.awards',
        triggerHook: 0.8,
        duration: '270%'
    })
    .setTween(TweenMax.to('.animation-awards', 1, {y: '-=300'}))
    .addIndicators({})
    .addTo(controller);

}

$(window).resize(function(){
    if($(this).width > 800){
        scrollMgc();
    }
    else{
        scrollMgc = undefined;
    }
})

Can anybody help me out of this issue?

Answer 1

Change your code as below as width is a function:

if($(this).width() > 800){
   scrollMgc();
}
else{
   scrollMgc = undefined;
}

Answer 2

$（this）.width是一个函数。

$(this).width()