2011-04-26 90 views
0

我有两个div(#mosaicBlog和#mosaicAside)。我有#mosaicAside的CSS设置为隐藏溢出,并且希望将#mosaicAside设置为始终为#mosaicBlog(动态高度页到页)的高度。jQuery将div的高度设置为与其相邻的div的高度

我认为这可行,但它似乎并没有工作。我认为这可能只是一个语法问题。

$(function(){ 
    var curHeight = parseInt($("#mosaicBlog").height()); 
     newHeight = Math.ceil(curHeight/189) * 189 - 7; 
      alert(newHeight); 
    $("#blogAside").height(newHeight); 
}); 

任何帮助,将不胜感激。

+0

做newHeight的警报,你让你的edefired高度 – jimy 2011-04-26 14:20:52

+0

当我做'警报(newHeight);'这是给出正确的高度,但不能将其设置为#blogAside – Keefer 2011-04-26 14:33:56

+0

您能澄清它似乎没有工作的意思吗?它没有设置任何高度,是不是设置新的高度等? – 2011-04-26 15:08:04

回答

0

$(document).ready(function() { 
    var curHeight = parseInt($("#mosaicBlog").height()), 
    newHeight = Math.ceil(curHeight/189) * 189 - 5; 
    $("#blogAside").height(newHeight); 
}); 
+0

对不起,它封装在我的全局site.js文件中的document.ready函数中。 – Keefer 2011-04-26 14:25:26

+0

以及警报是什么你得到它? – jimy 2011-04-26 14:26:08

+0

'alert(newHeight);'给出#mosaicBlog的正确高度,但不将其设置为#blogAside – Keefer 2011-04-26 14:34:36

1

使用$(function(){而不是$({试装车文件后

http://jsbin.com/uzera7/edit

+0

只是利用我的第三行? – Keefer 2011-04-26 14:24:22

+0

@Keefer:no,swap'$({'with'$(function(){'on your first line。ps - 你在你的文章中提到过你希望它和你的其他DIV一样高。事实上,你根本不应该做任何数学运算,如果你希望它是*相同的*高度 – 2011-04-26 14:48:57

+0

@蜡笔暴力:同意,但它似乎是几个像素关闭没有一些数学我'已尝试'$(function(){ var blogCurHeight = parseInt($(“#mosaicBlog”)。height()); $(“#blogAside”)。height(blogCurHeight); alert(blogCurHeight); } );'但它提醒的值在几个像素内,但它不会将其设置为#blogAside div(不会覆盖内联高度值) – Keefer 2011-04-26 14:58:16