为什么我无法获取min-height当一个物体的parent被设定为display: none，但如果最小高度是，我仍然可以得到物体的高度not in use?
例如，
css,
li {
display:none;
}
.object {
display:block;
width:100px;
border:1px solid #000;
}
html,
<li><a href="#" class="object" style="height:200px;"><img class="element" /></a></li>
<li><a href="#" class="object" style="min-height:300px;"><img class="element" /></a></li>
jquery,
$(document).ready(function(){
$('.object img').each(function(){
alert($(this).parent().height());
});
});
jsfiddle http://jsfiddle.net/R5SDY/
我怎样才能仍然得到min-height即使其父对象设置为display none?
当元素未显示时，它没有高度或宽度。
不过，您可以提取 CSS 属性：
alert($(this).parent().css('min-height'));
http://jsfiddle.net/R5SDY/1/ http://jsfiddle.net/R5SDY/1/
请注意，现在返回一个末尾带有“px”的字符串，而不是像这样的数字height()做。您可能需要将其解析为整数：
alert( parseInt($(this).parent().css('min-height'),10) );
显然如果没有min-height在 CSS 中设置，这是行不通的。根据您想要该号码的用途，您可能需要添加一些提取数据的编程逻辑.css('height')如果没有返回最小高度。
$(document).ready(function(){
$('.object img').each(function(){
var h = parseInt($(this).parent().css('min-height'),10)
|| parseInt($(this).parent().css('height'),10);
alert(h);
});
});
http://jsfiddle.net/R5SDY/2/ http://jsfiddle.net/R5SDY/2/
最后，请记住您从中获得的价值观.css不一定是元素最终显示时的高度——它们只是你想要的want的高度。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
