bootstrap-同一個row的不同列高度不一致解決方法1

 現象:

代碼:

$(function() {
		   
	        //調用
		    initDivSameHeight('.row-1-col-1',".row-1-col-2");
		    initDivSameHeight('.row-2-col-1',".row-2-col-2",".row-2-col-3");
});
/**
			初始化 同一個row的不同列爲同高
		*/
		function initDivSameHeight(){
				var divHeightArr = [];
				//js中有個變量arguments,可以訪問所有傳入的值
		        for(var i=0; i<arguments.length; i++){
		            divHeightArr.push($(arguments[i]).height())
		        }
			    var sameheight = Math.max.apply(null,divHeightArr);
				for(var i=0; i<arguments.length; i++){
					$(arguments[i]).height(sameheight);
			    }
		}
/**
 初始化 同一個row的不同列爲同高,使用jquery children 遍歷
 */
function initDivSameHeightByRowParent(rowId) {
	var cols = $(rowId).children("div");
	var divHeightArr = [];
	cols.each(function(index, e) {
		divHeightArr.push($(e).height());
	});
	var sameheight = Math.max.apply(null, divHeightArr);
	cols.each(function(index, e) {
		$(e).height(sameheight);
	});
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章