Question

$("#content-container-2").css('min-height', '1000px');
$('#content-container-2').attr('style','min-height:1000px;');

都不起作用。但是，通过样式表设置此功能就可以了。当使用带有上述命令的jquery并使用firebug检查css-properties时，它们也不会显示最小高度。最后，但并非最不重要的是，打印出来：

console.log($("#content-container-2").height());
console.log($("#content-container-2").outerHeight());
console.log($("#content-container-2").innerHeight());

在所有情况下都返回null。

有人知道那是为什么吗？

Answer 1

.height()返回null的唯一方法是找不到元素。

如果通过ajax调用在页面中添加了#content-container-2元素，则必须在ajax调用的成功回调中运行代码。
（如果您使用模板引擎并且模板尚未在DOM中注入，则会发生同样的情况）

您必须确保$ 属于到jQuery而不是其他库

有关调试的尝试

var el = $('#content-container-2');
console.log( $ === jQuery, $.fn.jquery, el, el.height() );

Answer 2

这可能意味着你的jquery没有找到那个特定的id。你确定拼写正确吗？你确定它不是一个类而不是id吗？

当没有匹配项时，jQuery返回null。

另一个考虑因素是在页面准备好之前调用了jQuery。要在页面加载后运行jQuery，请使用以下命令：

$(function(){
     //Your code goes here.
});

该代码块内的所有内容都将在页面加载后执行。

Answer 3

设置属性：

$('#content-container-2').attr('style','min-height:1000px;');

获得价值：

$('#content-container-2').attr('style');

如果不起作用，请检查您的jquery是否被正确引用。

Answer 4

您需要以javascript理解的方式指定min-height：

$("#content-container-2").css({'minHeight': '1000px'});

JQuery css属性不起作用

4 个答案: