2011-04-26 115 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