當調整大小時，jquery窗口調整大小錯誤

Question

我想在調整窗口大小時調整div的大小。用下面的代碼我得到「this.fullScreen不是一個函數」如果我刪除窗口調整大小它工作正常，但顯然不會調整窗口大小。我在想這個錯誤的方式嗎？

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

在fullScreenResize，調用this.fullScreen()，this不一定是PE.functions對象，因爲傳遞給resize回調函數有不同的this。爲了補救，bind回調函數，以目前的this：

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

或者與完整的對象路徑PE.functions.fullScreen()更換this.fullScreen()。