jquery - jQuery 产生“未定义”错误——我要疯了吗？

Question

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

});

在这里看小提琴

Answer 1

检查这个小提琴：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 对象。