サイドナビゲーションの高さを角度ui-view divの高さに一致させる

Question

インデックス（マスターページ）内の1つのdivを任意のビューのコンテンツとして完全な高さにするためにjqueryを追加しました。基本的にdivの高さと1のdivの高さを一致させます。私のjqueryのコードは次のようになります。これは、このHTMLに適用される

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

：角度指令のUIビューを持つdiv要素は "rightSide" のクラスを持っていることを

<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> 

お知らせ？なぜ私は後の結果を得られないのですか？

Answer 1

あなたはJavaScriptが問題です。実際には.rightside divにコンテンツがありません。

一度入れてください。これをチェックしてください：https://jsfiddle.net/Lqx6jp7q/1/

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