jQuery产生'undefined'错误 - 我疯了吗?

时间:2013-05-04 21:43:16

标签: jquery footer

我正在尝试使用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");
});

});

See fiddle here

1 个答案:

答案 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对象。