使用jQuery將高度等於同級內容的DIV設置爲DIV - 不適用於我

Here's Here's我正在嘗試此操作。使用jQuery將高度等於同級內容的DIV設置爲DIV - 不適用於我

我得到我的div所有看起來與CSS黑客相同的高度。現在，我正在設置右邊欄的高度，以便它永遠不會超過頁面的主要內容。

這是頁面上的腳本現在：

<script type="text/javascript"> 
    $(".Right2").css({'height':($(".Content").height()+'px')}); 
</script>

它不工作，效果顯着。我想要的只是.Right2與我的內容高度相同，需要動態確定。

有人能幫助一個女孩嗎？謝謝！

（很顯然，這不是我的產品呢。我還是撲掉在佈局。）

來源

2012-02-09 Genevieve

DIV的廣告定位的高度它有一組或流體高度？

來源

2012-02-09 20:33:53 vero

液體。我希望設置！一切都是動態的。 – Genevieve 2012-02-09 20:46:29

試試這個：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#Trial2").css('height',$("#Trial1").height()); 
    }); 
</script>

在你上面的代碼你選擇與特定的類元素。由於更多元素可以具有相同的類，因此$(".myClass")可能會返回一個數組而不是單個對象。使用ID代替上面的示例，您將擺脫將來的問題！

當然，您不應該忘記在DOM準備就緒後運行代碼！

來源

2012-02-09 20:35:31 papaiatis

我在攻擊我的電子商務公司製作的東西，我不知道他們爲什麼將他們的列設置爲類而不是ID。那個「審判」是我看到他們引用jack的id，在搜索了css文件後什麼都沒找到 - 顯然，他們沒有。老實說，我應該刪除Trial1和Trial2，並將Left2，Right2和Content設置爲ID，因爲它們中的任何一個頁面不能超過一頁。 – Genevieve 2012-02-09 20:53:23

他們可能缺乏HTML類和ID的知識。很好，你已經接管了項目並修復了所有這些問題:)使用jQuery獲得樂趣，它很棒！ :)如果上面的代碼爲你工作，請接受它作爲答案！ – papaiatis 2012-02-09 20:58:14

你的代碼工作正常，只需要打包。我不會將代碼包裝在ready或load中，那麼在執行代碼時DOM元素不存在。所以沒有任何反應

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".Right2").css({'height':($(".Content").height()+'px')}); 
}); 
</script>

來源

2012-02-09 20:39:10 mrtsherman

謝謝！ 6年前我停止了做web開發，這是我第一次使用jQuery。我到處搜索如何讓事情執行，但我發現的例子看起來並不像是缺少任何東西。完善！ – Genevieve 2012-02-09 20:50:05

@Genevieve - 不客氣。確保你勾選了我的答案左邊的綠色檢查。 upvote也會很好=）。 – mrtsherman 2012-02-09 20:52:53

使用jQuery將高度等於同級內容的DIV設置爲DIV - 不適用於我

回答

相關問題