点击li 改变当前li的颜色,其他li字体颜色不变。(二级子菜单下)
森_ 2016-07-11 09:41:20 <div class="container-fluid" ms-controller="home-body">
<div class="row">
<!-- 左侧导航条 -->
<div class="col-md-2">
<div class="slide-menu">
<div class="panel-group" id="accordion">
<!-- 循环整个菜单数组 -->
<div class="panel panel-default" ms-for="($index,el) in @data.menuList">
<div class="panel-heading">
<h4 class="panel-title">
<!-- 菜单名称 -->
<a class="collapseOne" data-toggle="collapse" data-parent="#accordion"
ms-attr="{href:'#collapse' + $index}">{{el.name}}</a>
</h4>
</div>
<!-- 定义目标面板 target-collapse -->
<!-- -->
<div ms-attr="{id:'collapse' + $index}"
ms-class="[@data.menuClass,$index == 0? 'in' : '']">
<div class="panel-body">
<ul class="list-group">
<!-- 第二次循环子菜单 给a标签绑定事件,当点击的时候改变iframe的导向 -->
<li class="list-group-item" ms-for="(sub) in el.subMenu"><i
class="icon-angle-right" ms-click="@changJs($index)"></i><span ms-click="@changUrlForWorkUrl(sub.url, sub.name)"
ms-html="' ' + sub.name | sanitize"></span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>