基於瀏覽器視口的內容高度

Question

如果瀏覽器的視口小於我的主內容容器的高度，我有一些使用JQuery的Javascript。這是爲了確保頁腳始終位於頁面的底部。溫家寶我這樣稱呼它，它的工作原理：

$(document).ready(function() { 
    var windowHeight = $(window).height(); 
    var contentHeight = windowHeight - 325; 
    if($("#content").height() <= contentHeight) { 
     alert(contentHeight); 
     $("#content").height(contentHeight+"px"); 
    } 
}); 

但我要聲明它作爲一個功能，所以我可以在頁面調整大小事件中使用它，但是當我做到這一點，這是行不通的。這裏是我試圖使用的代碼：

function pageSizer() { 
    var windowHeight = $(window).height(); 
    var contentHeight = windowHeight - 325; 
    if($("#content").height() <= contentHeight) { 
     alert(contentHeight); 
     $("#content").height(contentHeight+"px"); 
    } 
} 

$(document).ready(pageSizer()); 
$(window).resize(pageSizer()); 

任何想法？

Answer 1

$(document).ready(pageSizer()); 
$(window).resize(pageSizer()); 

變化

$(document).ready(pageSizer); 
$(window).resize(pageSizer); 

要調用將它們作爲jQuery的預期參考你的函數代替。