我正在尝试使用jQuery动态地将页脚定位到用户屏幕的底部。我很确定代码是正确的,但我在firequery中收到了一条“未定义”的消息。
谁能看到我哪里出错了?
$(document).ready(function(){
$(function(){
// Define Min Height for Content based on Window size
var wrapper = $(window).height();
var content = $("#content_wrapper");
var header = $("#header_wrapper").height();
var footer = $("#footer_wrapper").height();
// Content Height
contentHeight = wrapper - header - footer - 279;
$(content).css("min-height", contentHeight + "px");
});
});
答案 0 :(得分:2)
检查这个小提琴:http://jsfiddle.net/gT3EX/5/
一些事情:
¶
我不认为你的小提琴在Frameworks & Extensions
(左下方的下拉列表)中选择了jQuery
¶
您已经双重嵌套了文档就绪呼叫。 这样:
$(document).ready(function(){
…
});
基本上等同于:
$(function(){
…
});
这是多余的:
$(document).ready(function(){
$(function(){
…
});
});
¶
您不需要在content
中包装$()
,因为在您设置var content = $("#content_wrapper");
时它已经被包装 - 提醒自己使用可选约定var $content = $("#content_wrapper");
,这样您就知道哪个变量是jQuery对象。