Question

我正在尝试获取父容器高度，然后将其应用于其中的子容器，最终结果是响应窗口大小调整，并禁用以下窗口大小的函数768px

请参阅jsfiddle：http://jsfiddle.net/8vks5ubj/9/embedded/result/

jQuery('.common-height').each(function(){

var highestBox = 0;
jQuery('.center', this).each(function(){

    if($(this).outerHeight() > highestBox) 
       highestBox = jQuery(this).outerHeight(); 
}); 

jQuery('.center',this).outerHeight(highestBox);

});

非常感谢任何帮助。

由于

Answer 1

试试这个：

function setHeight() {
    var arr = [],
        $elems = $('.someblock'); // Place there your divs

    $elems.each(function() {
        arr.push($(this).outerHeight()); // Divs height moved to array
    });

    $elems.css('height', Math.max.apply(0, arr)); //Find max value and apply css height
};

($(window).width() < 768) && setHeight(); 
//When document loaded and window width less than 768px -> call function

$(window).resize(function(){
    ($(window).width() < 768) && setHeight();
});

观看操作：JSFiddle（只调整带有div的窗口）

P.S。抱歉我的英文;）

通过获取父容器高度和设置来设置相等的盒子高度将它应用于子元素

1 个答案: