Question

我的DOM似乎存在问题，因为元素的样式都显得空白。

我的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，在声明变量后放入断点，然后在使用firebug检查变量时，样式中的所有内容都是空白的，例如

height ""
width ""
color ""

等

我完全不知道造成这个问题的原因是什么，我正在失去它的睡眠，我已经把谷歌搞砸了，似乎无法找到任何相关内容。

您可以找到任何帮助，我们将非常感激，提前致谢

Answer 1

您需要quote your selectors（具体为#mainContent）：

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

Answer 2

你在选择器中缺少引号：

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

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

2 个答案: