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

等等

我完全不知道造成这个问题的原因是什么,我正在失去它的睡眠,我已经刮掉谷歌的地狱,似乎无法找到任何相关的东西。

您可以找到任何帮助,非常感谢,提前致谢

===============>>#1 票数:3 已采纳

你需要引用你的选择器 (特别是#mainContent ):

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

===============>>#2 票数:1

你在选择器中缺少引号:

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

  ask by Richie translate from so

未解决问题?本站智能推荐:

关注微信公众号