Question

我有一个div，最初设置为display：none，并使用.slideDown变为可见。它通过ajax加载表。由于slideDown，包含div的高度增加。我希望其他两个div的高度同时增加。

Answer 1

如果你想要三个div的高度相同;在slidedown运行以下代码

之后，将css类添加到三个div中，例如“同时”

var maxHeight = 0;

$('div.simultaneously').each(function(index){
if ($(this).height() > maxHeight)
{
maxHeight = $(this).height();
}
});

$('div.simultaneously').height(maxHeight);

Answer 2

$(document).ready(function(){
 //Put your code in here, it will run when the page loads
});

选择这样的元素：

$(".slideDown")

获取这样的CSS属性：

var height = $(".slideDown").css("height");

设置这样的CSS属性：

$("#someElement").css("background-color", "#fff");

如果您遇到问题，请阅读docs，我的代码示例中可能存在错误，我尚未对其进行测试。

Answer 3

你想让其他div的高度增加到匹配正在增长的div吗？或者以其他方式回应它？

如果您希望匹配它，您的功能可能如下所示：

function matchHeight() {
    var newHeight = $("#grownDiv").height(); //where #grownDiv is what's growing
    $(".matchDiv").height(newHeight);    //where .matchDiv is the class of the other two
}

您可以在加载表格后调用此方法。您还可以设置如下事件：

jQuery.event.add(window,"load",matchHeight);
jQuery.event.add(window,"resize",matchHeight);

等

希望这有帮助。

Jquery根据另一个div的高度动态调整div

3 个答案: