使用JavaScript使DIV与相邻IMAGE的高度相同

时间:2014-05-28 10:22:27

标签: jquery onload

适用于某些浏览器但不适用于Chrome! 不得不包括一个丑陋的最小高度! 即使onload失败,在Chrome上,窗口调整大小也能正常工作! 好像转载过早发生了。

使用js:

function resizeItemDiv()
{
var imgHeight=jQuery('.iw_itemImageBlock').first().height();
var paddingTop = parseInt(jQuery('.iw_itemIntroText').first().css("padding-top"));
var paddingBottom = parseInt(jQuery('.iw_itemIntroText').first().css("padding-   bottom"));
var marginBottom = parseInt(jQuery('.iw_itemIntroText').first().css("margin-bottom"));
var newHeight = imgHeight - paddingTop - paddingBottom - marginBottom;
jQuery('.iw_itemIntroText').css("height", newHeight);
return false;
}
jQuery(window).load(resizeItemDiv);
jQuery(window).resize(resizeItemDiv);

参见页面:

http://i-labeling.com/seminarhaus/index.php?option=com_k2&view=itemlist&task=filterfork2&mid=205&Itemid=309&f%5Bg%5D%5Btext%5D=&f%5Bg%5D%5Brange%5D%5B47%5D=

但是它可以正常使用

http://i-labeling.com/seminarhaus/index.php?option=com_k2&view=item&id=98:cornelia-lachnitt&Itemid=309

0 个答案:

没有答案