我有一个div,最初设置为display:none,并使用.slideDown变得可见。它通过ajax加载一个表。 由于slideDown,包含div的高度增加。我想要其他两个div的高度同时增加。jquery根据另一个div的高度动态调整div的大小
1
A
回答
2
如果你想要三个div的高度相同,一个CSS类添加三个div的像“同时”,经过了slideDown运行下面的代码
var maxHeight = 0;
$('div.simultaneously').each(function(index){
if ($(this).height() > maxHeight)
{
maxHeight = $(this).height();
}
});
$('div.simultaneously').height(maxHeight);
1
$(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,我的代码示例中可能存在错误,我没有测试它们。
0
你想其他的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);
等
希望这有助于。
相关问题
- 1. 根据另一个div的高度调整div的大小
- 2. 基于子div高度动态调整容器div的大小
- 3. 动态调整div的高度,同时调整大小
- 4. 根据内容大小动态调整div动态高度并调整其大小
- 5. 动态调整大小DIV jQuery的
- 6. Div高度自动不调整大小?
- 7. jQuery:动态设置div高度和窗口大小调整
- 8. 根据浏览器的高度调整div的大小
- 9. 根据div高度调整img高度
- 10. 根据滚动调整div高度
- 11. 根据另一个div的高度设置div的最小高度
- 12. 根据其子div调整div大小
- 13. Div高度相对于另一个窗口调整大小
- 14. JavaScript或jQuery - 根据div高度/宽度调整表格的大小
- 15. 动态调整多个div的大小
- 16. 调整DIV高度可调整大小的iframe高度
- 17. 如何自动调整div的高度等于另一个div的高度?
- 18. 根据容器调整“div”的高度
- 19. jQuery根据动态角度调整图像大小以适合div的宽度和高度
- 20. 如何根据视口大小调整Div高度?
- 21. jquery行高度动态调整大小
- 22. 根据滚动动态调整div高度
- 23. jquery根据元素div大小调整文本的大小
- 24. 动态改变的div的jQuery的高度上的窗口大小调整
- 25. 固定宽度div,根据长度动态调整文本的大小
- 26. 动态调整堆叠div的高度?
- 27. 动态改变一个DIV的基于另一个DIV高度
- 28. jQuery的菜单 - 追加一个div到另一个DIV的调整大小
- 29. 根据其内容调整div高度
- 30. 基于另一个div调整div高度的CSS方法