javascript - 使侧导航高度匹配 Angular ui-view div 高度

Question

添加了一些 jquery 使我的索引(母版页)中的一个 div 与任何 View 中的任何内容一样具有全高。基本上，将一个的 div 高度与另一个的 div 高度相匹配。我的 jquery 代码是:

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

这适用于此 html:

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

注意带有 Angular Directive(指令) ui-view 的 div 有类“rightSide”吗？为什么这没有给我想要的结果？

Answer 1

你的 javascript 没问题，你实际上缺少 .rightside div 中的内容。

一旦你把应该没问题。检查一下:https://jsfiddle.net/Lqx6jp7q/1/

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