后台导航菜单高亮active,用的模板继承

浏览:2752 发布日期:2015年02月06日分类:求助交流

<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>

还有

<script type="text/javascript">
$("document").ready(function(){
$(".navigation li").click(function(){
$(this).siblings('li').removeClass("active");//首先移除全部的active
$(this).addClass("active");//选中的添加acrive
});
});
</script>

都没有效果点击移除active效果有闪现一下,然后又弹回来了默认加的那个active高亮感觉就是刷新重新加载一样。用的模板继承方式

大家看看怎么回事 ,js代码是不是写错了还是什么原因

最佳答案

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

huang92 12-30
tp6 join连表查询后无法分页
斯人若彩虹 12-30
TP5.1 关于在Model里的try catch事件
ynkszx 12-25
thinkphp6多应用模式,session不能共享的问题
yutiany 12-24
进销存管理系统源码|ERP源码开发
驹皓 12-23
订单产品表怎么设计

收藏

赞

安之她梦i

积分:1229 等级:LV3

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。