使側邊導航高度匹配角度ui-view div高度

Question

添加了一些jquery，使我的索引（母版頁）中的一個div的高度與任何視圖中的任何內容一樣高。基本上，將一個div的高度與另一個的div高度相匹配。我的jQuery代碼是：

var divHeight = $('.rightSide').height(); 
$('.tabNav').css('min-height', divHeight+'px'); 

這是適用於這個網站：

<div class="col-md-2 tabNav"> 
    <ul class="tabTitle"> 
     <p>Project tools</p> 
     <li class="tabCont"><a href="#/home">Welcome</a></li> 
     <li class="tabCont"><a href="#">Experiments</a></li> 
     <li class="tabCont"><a href="#">Interview Notes</a></li> 
    </ul> 
    <ul class="tabTitle"> 
     <p>Hypothesis worksheets</p> 
     <li class="tabCont"><a href="/#/steps">Problem phase</a></li> 
     <li class="tabCont"><a href="/#/solutionHyp">Solution phase</a></li> 
     <li class="tabCont"><a href="#">Service phase</a></li> 
     <li class="tabCont"><a href="#">Growth phase</a></li>     
    </ul>    
</div> 
<div ui-view class="rightSide"> 
</div> 

注意與角指令UI視圖的div有類「rightSide」的？爲什麼這不會給我以後的結果？

Answer 1

你的javascript是好的，你實際上缺少.rightside div中的內容。

一旦你把應該沒問題。檢查了這一點：https://jsfiddle.net/Lqx6jp7q/1/

var divHeight = $('.rightSide').height(); 
$('.tabNav').css('min-height', divHeight+'px');