サイズ変更時にjqueryウィンドウのサイズ変更エラーが発生する

Question

ウィンドウのサイズを変更したときにdivのサイズを変更しようとしています。次のコードでは、 "this.fullScreenは関数ではありません"というメッセージが表示されます。ウィンドウのサイズを変更しても問題はありませんが、ウィンドウのサイズは明らかに変更されません。私はこれを間違った方法で考えていますか？ fullScreenResizeで

var PE = {}; 

PE.functions = { 
    fullScreen: function fullScreen() { 
    var fullScreen = $('.full-screen'), 
     navbarHeight = $('.navbar').height(), 
     windowHeight = $(window).height(), 
     windowWidth = $(window).width(); 

    fullScreen.css({ 
     width: windowWidth, 
     height: windowHeight - navbarHeight 
    }); 
    }, 

    fullScreenResize: function screenResize() { 
    $(window).resize(function(){ 
     this.fullScreen(); 
    }); 
    } 
}; 

$(document).ready(function() { 
    PE.functions.fullScreenResize() 
}); 

Answer 1

resizeに渡されたコールバック関数が異なるthisを有するので、this.fullScreen()、thisへの呼び出しは、必ずしもPE.functionsオブジェクトではありません。 、現在のthisにbindコールバック関数解決するには、次の

fullScreenResize: function screenResize() { 
    $(window).resize(function() { 
     this.fullScreen(); 
    }.bind(this)); 
} 

するか、完全なオブジェクトパスPE.functions.fullScreen()でthis.fullScreen()を交換してください。