<li class=''>属性''里加上active 就会呈高亮状态，下面是js段代码也是对的这个我知道。我的情况是这样的，我的下拉滚动条 滚动时候是整个页面都跟着动的 ，难怪active 无效果 点击的时候就闪现一下 移除active成功 再次点击其它选项的时候只是闪现一下 然后又默认跳到指定的active 跟刷新一样，我现在要把公共的样式页面固定住不让它们刷新 （就是头部还有下面的左边导航），该怎么玩 就是 要我的内容加载区才有滚动条 <block name="body"> </block>
理论上高亮显示就成功了
<div class='navigation'>
<ul class='nav nav-stacked'>
<li class='active'>
<a href='{:U('Index/index')}'>
<i class='icon-dashboard'></i>
<span>首页</span>
</a>
</li>
<li class=''>
<a class='dropdown-collapse' href='#'>
<i class='icon-edit'></i>
<span>内容</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li class=''>
<a href='{:U('article/mydocument/')}'>
<i class='icon-caret-right'></i>
<span>文档</span>
</a>
</li>
</ul>
</li>
</ul>
</div>js代码不用看 肯定是对的<script type="text/javascript">
$("document").ready(function(){
$(".navigation li").click(function(){
$(".navigation li").removeClass("active");//首先移除全部的active
$(this).addClass("active");//选中的添加acrive
});
});
</script> 最佳答案
