我有一些使用JQuery的Javascript,可让我的主要内容容器的高度小于浏览器的视口。这是为了确保页脚始终位于页面底部。 Wen我这样称呼它,它的工作原理是:
$(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());
有任何想法吗?
最佳答案
$(document).ready(pageSizer());
$(window).resize(pageSizer());
改成
$(document).ready(pageSizer);
$(window).resize(pageSizer);
您正在调用函数,而不是将它们作为jQuery期望的参考传递。