jQuery/Javascript无法访问关于元素的信息

我的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 ""

等

我完全不知道是什么原因造成这个问题，我失眠了它，我已经把谷歌从谷歌中剔除，似乎无法找到任何相关的东西。

任何帮助，您可以找到将大量赞赏，提前感谢

来源

2011-12-11 Richie

你需要quote your selectors（特别是#mainContent）：

在选择

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

来源

2011-12-11 17:52:29

我不能相信这个工作，我不能相信我没有注意到这一点。我猜这就是睡眠不足的原因。非常感谢您的注意。它确实似乎解决了我的问题。只是出于好奇，你有任何想法，当我检查与萤火虫时，为什么JavaScript中的样式显示空白？ – Richie

@RichieVikinglordTerry：完全没问题！有时你需要的是另一双眼睛：）' –

你还需要将函数改为'$（window）.height（）+'px''。 – mc10

你缺少报价：

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

来源

2011-12-11 17:56:56

jQuery/Javascript无法访问关于元素的信息

回答

相关问题