Question

添加了一些jquery，使得我的索引（母版页）中的一个div与任何视图中的任何内容完全一致。基本上，将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>

请注意，带有角度指令ui-view的div具有“rightSide”类？为什么这不能给我我追求的结果？

Answer 1

你的javascript没问题，你实际上错过了.rightside div中的内容。

一旦你放好应该没问题。看看这个：https://jsfiddle.net/Lqx6jp7q/1/

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

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

1 个答案: