2011-12-11 47 views
1

我的DOM似乎存在問題,因爲元素的樣式都顯示爲空白。jQuery/Javascript無法訪問關於元素的信息

我jQuery是根本

// JavaScript Document 
$(document).ready(function(){ 
    $(#mainContent).css("min-height", function(){ 
     return $(window).height() + 'px'; 
    }); 
}); 

什麼也沒有發生在頁面加載。

我懷疑語法沒有問題,或者如果有的話,這不是什麼導致我的問題。我試圖在javascript中自己編寫腳本,並得到了類似的結果,這就是爲什麼我首先轉向使用jQuery的原因。

如果我

alert("text") 

它工作正常,但如果我嘗試

$(#mainContent).css("min-height") 

則什麼也不會發生。

我有,在一個單獨的JavaScript文件中創建一個變量,它僅僅是

var mainCon = document.getElementById("mainContent"); 

和使用螢火蟲,把一個斷點在變量聲明後,使用Firebug檢查變量然後當,款式內的一切是空白的,如

height "" 
width "" 
color "" 

我完全不知道是什麼原因造成這個問題,我失眠了它,我已經把谷歌從谷歌中剔除,似乎無法找到任何相關的東西。

任何幫助,您可以找到將大量讚賞,提前 感謝

回答

3

你需要quote your selectors(特別是#mainContent):

在選擇
$(document).ready(function(){ 
    $("#mainContent").css("min-height", function(){ 
     return $(window).height() + 'px'; 
    }); 
}); 
+0

我不能相信這個工作,我不能相信我沒有注意到這一點。我猜這就是睡眠不足的原因。非常感謝您的注意。它確實似乎解決了我的問題。 只是出於好奇,你有任何想法,當我檢查與螢火蟲時,爲什麼JavaScript中的樣式顯示空白? – Richie

+0

@RichieVikinglordTerry:完全沒問題!有時你需要的是另一雙眼睛:)' –

+0

你還需要將函數改爲'$(window).height()+'px''。 – mc10

1

你缺少報價:

$(document).ready(function(){ 
    $('#mainContent').css("min-height", function(){ 
     return $(window).height() + 'px'; 
    }); 
});