2013-05-04 28 views
0

我想動態地使用jQuery將頁腳定位到用戶屏幕的底部。我很確定代碼是正確的,但是我在firequery中得到了一個'undefined'消息。jQuery產生'undefined'錯誤 - 我會生氣嗎?

任何人都可以看到我要去哪裏錯了嗎?

$(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

+0

您沒有在JSfiddle中包含JQuery,[link](http://jsfiddle.net/gT3EX/1/)。 – Vucko 2013-05-04 21:45:25

+0

加載jQuery'contentHeight'對我來說是'-157',我沒有看到'undefined'值。 – undefined 2013-05-04 21:50:06

+0

「-279」是什麼意思? (儘量避免使用未命名的常量,參見[這裏](http://en.wikipedia.org/wiki/Magic_number_%28programming%29#Unnamed_numerical_constants)) – 2013-05-04 21:55:30

回答

2

檢查此琴:http://jsfiddle.net/gT3EX/5/

有幾件事情:

我不認爲你的小提琴已經jQuery的Frameworks & Extensions下選擇(在掇在左邊)

你有雙重嵌套你的文件準備好呼叫不必要的。 此:

$(document).ready(function(){ 
… 
}); 

基本上是相同的:

$(function(){ 
    … 
}); 

這是多餘的:

$(document).ready(function(){ 

    $(function(){ 
    … 
    }); 
}); 

你不需要在$()content因爲當您設置時它已經被包裹- 提醒自己使用可選約定var $content = $("#content_wrapper");,以便知道哪些變量是jQuery對象。