jquery高度自動檢測和更改，如果小於

Question

我編碼以下jquery更改高度#dash-nav，如果它小於#dash-content-wrap。它用於儀表板上的基本垂直導航。

if ($('#dash-nav').height() < $('#dash-content-wrap').height()) { 
    $("#dash-nav").height($("#dash-content-wrap").height()); 
} 

代碼工作完全按預期在jsFiddle，然而我的即時網站確實不。

我已經試過同時使用下面的方法也不存在任何差異加載腳本：

• (window).load
• (document).ready

任何想法&幫助，不勝感激！謝謝

Answer 1

你的jsfiddle鏈接要求用戶名和密碼（基本認證）。 $(document).ready(function(){...})應該工作絕對正常，因爲它僅在DOM元素完全加載後才被觸發

請讓您的css類正確。我的猜測是，如果你可能有浮動：留在dash-nav內的某處，高度可能不會給出正確的值。你可以嘗試clear:both，看看是否解決了這個問題。這只是我的猜測。

也可以嘗試這樣做：

window.setTimeout(function(){ 
    components(); 
},1000); 

內$(document).ready()給出的1000毫秒的延遲。

上述代碼僅用於調試目的。你不應該使用它，而是嘗試修復真正的問題，但它應該至少讓你知道問題是不是加載dash-nav或其他東西。

編輯：爲了澄清什麼，我說什麼，請參閱此的jsfiddle鏈接：http://jsfiddle.net/kfdbz/3/

除非你取消註釋：<div style="clear:both"></div>你會得到0