敢于直言批评你的人,定是你命中的贵人

等高处理封装函数

js xiaoyun 401℃ 0评论

这个是我总结处理的可以按照最高或者最矮的来判断几个的高度,而且可以跟随屏幕的宽度来调整

$(window).load(function () {
equalArrHeight($('.index-profile .list-box .thumbnail'), 'large');//这个是调用方法
})
$(window).resize(function(index) {
equalArrHeight($('.index-profile .list-box .thumbnail'), 'large');//这个是调用方法
})

function equalArrHeight(arr, way) {
$(arr).css('height', 'auto')
var height = 0; //将为arr中所有dom元素设置的相同的高度
// 如果没有比较的方式,则默认数组中的所有项的高度以第一个item为准
height = $(arr[0]).height()
if (way === 'small') {
// 设置为最小的高度
for (var i = 0, length = arr.length; i < length; i++) {
if ($(arr[i]).height() > height) {
height = $(arr[i]).height();
}
}
} else if (way === 'large') {
// 设置为一个最高的高度
for (var i = 0, length = arr.length; i < length; i++) {
if ($(arr[i]).height() > height) {
height = $(arr[i]).height();
}
}
}
for (var i = 0, length = arr.length; i < length; i++) {
// 如果当前项的高度与统一的高度不符合,则将其设置为计算出来的统一高度
if ($(arr[i]).height() !== height) {
$(arr[i]).height(height);
}
}
}

转载请注明:小云之家 » 等高处理封装函数

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址