html三个div相同高度,如何使用jquery保持多个div的高度相同?

更新

…在尝试并找到另一种显然可行的方法后,完全重写此答案:

function sortNumber(a,b) {

return a - b;

}

function maxHeight() {

var heights = new Array();

$('div#boxes div').each(function(){

$(this).css('height', 'auto');

heights.push($(this).height());

heights = heights.sort(sortNumber).reverse();

$(this).css('height', heights[0]);

});

}

$(document).ready(function() {

maxHeight();

})

$(window).resize(maxHeight);

我注意到的一件事是,50%宽的浮动式沙发床确实存在舍入问题。如果我把它们改成49%,效果会好得多。

这个jquery工作…

// global variables

doAdjust = true;

previousWidth = 0;

// raise doAdjust flag every time the window width changes

$(window).resize(function() {

var currentWidth = $(window).width();

if (previousWidth != currentWidth) {

doAdjust = true;

}

previousWidth = currentWidth;

})

// every half second

$(function() {

setInterval('maybeAdjust()', 500);

});

// check the doAdjust flag

function maybeAdjust() {

if (doAdjust) {

adjustBoxHeights();

doAdjust = false;

}

// loop through the DIVs and find the height of the tallest one

// then loop again and set them all to that height

function adjustBoxHeights() {

var maxHeight = 0;

$('div#boxes div').each(function(){

$(this).height('auto');

if (maxHeight < $(this).height()) {maxHeight = $(this).height()}

});

$('div#boxes div').each(function(){

$(this).height(maxHeight);

});

}

html三个div相同高度,如何使用jquery保持多个div的高度相同?相关推荐

jq获取页面高度_使用jquery中height()方法获取各种高度
$(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();/ ...
div和div之间画横线_javascript – jQuery – 使用画布在div之间绘制线条
我会把div定位为绝对的,然后把它们放在你想要的地方.然后用这个功能获得他们的位置: //Get the absolute position of a DOM object on a page fun ...
用ajax更新div,如何使用ajax和jquery更新特定的div
我正在现场工作,并且有电子相框.想想gmail框架.就像gmail应用程序一样,当我单击导航栏上的链接时,我只希望更新内部div.我已经了解了,因此div发生了变化,但是它肯定不会给我我想要的结果.这 ...
CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
原文:CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度如图: 1.自动换行 <div style="widht:100%;height:100%;wo ...
为什么定义!doctype html表格高度变高,!DOCTYPE html声明下div高度100%的问题解决方法...
在使用HTML代码创建网页,如果声明了,并且在代码中有div设置了高度为100%,可能会出现显示不正常的情况.比如下面这个代码: Title * {margin:0px;padding:0px;} d ...
如何强制子div为父div的高度的100％而不指定父级的高度？
我有一个具有以下结构的网站: <div id="header"></div><div id="main"><div i ...
html中js隐藏div的高度,jQuery实现获取隐藏div高度的方法示例
jQuery实现获取隐藏div高度的方法示例发布时间:2020-09-22 19:27:55 来源:脚本之家阅读:95 作者:zhuyangxing 本文实例讲述了jQuery实现获取隐藏div高 ...
html中js隐藏div的高度,jQuery怎么获取隐藏元素的高度？
jQuery怎么获取隐藏元素的高度?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuery怎么获取隐藏元素的高度? 方法1:使用innerHeigh ...
css与父元素高度一致,制作CSS伪元素:与父div相同的高度
Tushar Chutani 5 html sass css3 我有一个父div必须在它的边缘有一个蓝色背景.我决定使用:在psedoeelement之前做到这一点.我将位置设置为绝对值,高度设置为1 ...

html三个div相同高度,如何使用jquery保持多个div的高度相同?

html三个div相同高度,如何使用jquery保持多个div的高度相同?相关推荐

最新文章

热门文章