1 //新增模板显示按高度排版 2 var allW = $(window).width(); 3 if(allW > 992 && allW < 1220){//中屏一行显示三个模板
... . .
1 //新增模板显示按高度排版 2 var allW = $(window).width(); 3 if(allW > 992 && allW < 1220){//中屏一行显示三个模板信息 4 //获取div的高度,3个一组存入allDivHeight 5 var allDivHeight = []; 6 for(k=0;k<Math.ceil($("#template").children("div").length/3);k++){ 7 $("#template").children("div").each(function(index,element){ 8 if(k*3 <= index && index <= 3*(k+1)){ 9 allDivHeight.push($(this).children(".Template_box").height()); 10 };11 });12 }13 for (var j = 0 ; j<Math.ceil(allDivHeight.length/3); j++){14 var group = allDivHeight.slice(j*3,3*(j+1)); //每3个为一组15 var maxGroupHeight = Math.max.apply(null,group); //该组中最大的16 //设置该组中所有div的高度为最大高度17 $("#template").children("div").each(function(index,element){18 if(j*3<= index && index <= 3*(j+1)){19 $(this).children("div").height(maxGroupHeight);20 }21 });22 }23 }24 else if(allW > 1220){//大屏 一行显示四个模板信息25 //获取div的高度,3个一组存入allDivHeight26 var allDivHeight = []; 27 for(k=0;k<Math.ceil($("#template").children("div").length/4);k++){28 $("#template").children("div").each(function(index,element){29 if(k*4 <= index && index <= 4*(k+1)){30 allDivHeight.push($(this).children(".Template_box").height()); 31 };32 });33 }34 for (var j = 0 ; j<Math.ceil(allDivHeight.length/4); j++){35 var group = allDivHeight.slice(j*4,4*(j+1)); //每3个为一组36 var maxGroupHeight = Math.max.apply(null,group); //该组中最大的37 //设置该组中所有div的高度为最大高度38 $("#template").children("div").each(function(index,element){39 if(j*4<= index && index <= 4*(j+1)){40 $(this).children("div").height(maxGroupHeight);41 }42 });43 }44 }. . .. ...
