我对此代码不知所措:
<div class=" col-md-3 col-lg-2 hidden-xs hidden-sm">
<div class="panel-group" id="mainMenuCollapsible">
<div ng-repeat="item in menuItems">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#mainMenuCollapsible" href="#collapse_{{ $index }}">
{{ item }}
</a>
</h4>
</div>
<div id="collapse_{{ $index }}" class="panel-collapse collapse" >
<div class="panel-body">
BLA BL
</div>
</div>
</div>
</div>
</div>
</div>
没有机会使它正常工作。当我单击任何面板的标题时,页面会重新加载,显示选定的面板,但没有视觉效果。我的代码与bootstrap示例完全相同。
我在正确的位置放置了所有jss(jquery 2.0.3,bootstrap.min 3.0.2,angular 1.2)。
我还尝试删除ng-repeat并在没有运气的情况下使用单个面板。我想念什么?非常感谢。
解决了我的自我。截取路线#collapse_X的角度是倾斜的。使用数据目标而不是href:
data-target="#collapse_{{ $index }}"
解决完美!
希望这对某人有帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句