如何添加两个不同div的CSS高度,并使用jquery将高度设置为另一个div

时间:2013-10-22 21:35:56

标签: jquery

我有三个div,1个向左浮动,另外两个向右浮动(它们堆叠在一起)。

我正在尝试将右边的两个高度组合在一起,然后将高度应用到左边的高度。

这就是我所拥有的,没有运气

$(window).bind("load", function() { 
   var slw = $('div.2').height();
   var lw = $('div.3').height();
   var result = slw += lw;
   $('div.1').css({
      'height':  result + 'px'
   });
});

TIA

2 个答案:

答案 0 :(得分:2)

以下是执行所需操作的代码示例:

http://jsfiddle.net/AjHrZ/

你的选择者很可能是错的" div.1"是一个带有classname 1的div。

但是,您不能拥有以数字开头的类名(请参阅Which characters are valid in CSS class names/selectors?)。

如果" div.1"是一个id,那么你应该在它前面添加#之类的哈希值$('#div.1') - 但你真的应该发布HTML以及你的问题。

答案 1 :(得分:1)

将代码包装在$(function(){})而不是$(window).bind(“load”,function(){})中:

$(function() {
   var slw = $('div.2').height();
   var lw = $('div.3').height();
   var result = slw += lw;
   $('div.1').css({
      'height':  result + 'px'
   });
});