添加了一些 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”吗?为什么这没有给我想要的结果?
最佳答案
你的 javascript 没问题,你实际上缺少 .rightside div 中的内容。
一旦你把应该没问题。检查一下:https://jsfiddle.net/Lqx6jp7q/1/
var divHeight = $('.rightSide').height();
$('.tabNav').css('min-height', divHeight+'px');
关于javascript - 使侧导航高度匹配 Angular ui-view div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40877911/