我通過(guò)$(".test")獲取到class是test的元素集合,然后通過(guò)$(".test").each(function(index ele){ $(ele).css("height") }); ? 獲取到每一個(gè)的元素的高度,之后再獲取到其中height最大的值,然后進(jìn)行再次進(jìn)行遍歷,將這個(gè)最大的height設(shè)置給每一個(gè)元素。代碼如下://此內(nèi)容稍后添加到自定義js中 window.onresize = function(){setAdvantageHeight();} setAdvantageHeight(); /*設(shè)置高度 ? 我們的優(yōu)勢(shì)*/ function setAdvantageHeight(){ var maxHeight = 0; var $list = $(".advantage_content"); //clear $list.each(function(index,ele){ $(ele).attr("style",""); $(ele)[0].offsetwidth; }); setTimeout(function(){ //getMaxHeight $list.each(function(index,ele){ var height = parseInt($(ele).css("height").split("p")[0]); maxHeight = maxHeight>height ? maxHeight:height; }); //setHeight $list.each(function(index,ele){ $(ele).css("height",maxHeight); }); },0); }如果我不使用 setTimeout阻斷一下,當(dāng)我重復(fù)進(jìn)行刷新的時(shí)候就會(huì)出現(xiàn)獲取大的height值不正確,并沒(méi)有加上其中css設(shè)置的padding。我用的是chrome我在書(shū)上看的說(shuō)的是js調(diào)整元素的css屬性之后,瀏覽器會(huì)重新渲染網(wǎng)頁(yè),那么當(dāng)我第一次將元素的style設(shè)置為""的時(shí)候,網(wǎng)頁(yè)會(huì)在我每次設(shè)置一個(gè)元素之后都重新渲染一遍網(wǎng)頁(yè),這樣的話我獲取到的height就不會(huì)有問(wèn)題,可是為什么還是出了問(wèn)題?
jquery更改屬性 css渲染?
咕咕問(wèn)
2016-06-06 12:35:14