我想通过jQuery来计算元素的高度,并将相同的值设置为另一个元素。以下功能适用于所有浏览器,Safari除外,其中它首先设置“height:0”,并且只有在调整浏览器大小后,才会设置正确的值。jQuery .css()在Safari中不起作用
setImgHeight = function(){
window.imgHeight = $('.releaseCDinfo img').outerHeight();
$('div.releaseText').css('height', imgHeight)
};
setImgHeight();
$(window).resize(function(){
setImgHeight();
});
HTML
<div>
<h2>Latest<br><span>Release</span></h2>
<div class="flex releaseCDinfo">
<img src="assets/img/covers/cover-boy.jpg">
<div class="releaseText">
<h3>Boy</h3>
<p>Lorem ipsum</p>
</div>
任何想法有什么不对?
为什么将“imgHeight”设置为全局变量?为什么不只是用“var”声明它,所以它只是你的“setImgHeight”方法的范围? – 2015-02-07 21:29:00
什么是HTML的样子? – 2015-02-07 21:29:56
它没有区别。我首先将变量设置为VAR,这只是尝试不同事物的结果... – 2015-02-07 21:30:16