當窗口大小大於800時運行Jquery函數

Question

我做一些綠襪子和scrollmagic動畫。 我將此動畫放入了名為scrollMgc的函數中。 當窗口寬度大於800px時，該動畫將運行；當窗口尺寸小於800px時，該動畫將停止。 這是我到目前為止編寫的代碼

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;
    }
})

有人可以幫我解決這個問題嗎？

Answer 1

如下更改您的代碼，因為width是一個函數：

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

Answer 2

$（this）.width是一個函數。

$(this).width()