因为引入了公共的 header.html,所以需要使用 js来实现向 li 加入active的高亮属性,这里我通过url地址和href的地址进行判断

 1 // 这里对当前页面导航高亮
 2     $(function () {
 3         setHover();
 4     });
 5     function setHover()
 6     {
 7         var url = document.URL;
 8         var href = "";
 9         $("#home_nav li").each(function(){
10             href = $(this).find("a").attr("href");
11             var address = href.split("=")[1];
12             // 这里用正则判断一下地址
13             if( url.search(address)!= -1 )
14             {
15                   $(this).addClass("active");
16                   return false;
17             }
18         });
19     }

转载于:https://www.cnblogs.com/trying/p/3146202.html

thinkphp导航高亮的方法相关推荐

  1. php 导航高亮,zblogphp导航高亮代码分享教程

    导航高亮如本站演示,首页.列表页.文章页均可高亮.因为本站的主题是一个免费的zblogphp主题,所以一些好的东西可能没有,所以只好自己研究,本身自带导航高亮的功能,但是只有首页和列表页才有高亮显示, ...

  2. html左侧分级导航,jquery实现无限分级横向导航菜单的方法

    本文实例讲述了jquery实现无限分级横向导航菜单的方法.分享给大家供大家参考.具体实现方法如下: 1. jquery插件版本代码如下: (function($){ $.fn.extend({ dro ...

  3. thinkphp模版调用函数方法

    原文:thinkphp模版调用函数方法 {变量|函数1|函数2|函数3=参数1,参数2,参数3,###} ###为第4个参数,代表变量替换为第4个参数 举例: {$username|substr=0, ...

  4. php yanzhengm,ThinkPHP 在使用M方法(不创建模型类)时实现自动验证与自动填充

    ThinkPHP M方法实现自动验证与自动填充 通常,我们会将自动验证与自动填充规则写入模型类里,然后再用 D 方法实例化模型类来实现对表单的自动验证与自动填充功能.由于 M 方法只是实例化基础模型类 ...

  5. php框架m方法详细,Thinkphp框架中D方法与M方法的区别是什么

    Thinkphp框架中D方法与M方法的区别是什么 发布时间:2021-02-06 23:09:38 来源:亿速云 阅读:69 作者:小新 小编给大家分享一下Thinkphp框架中D方法与M方法的区别是 ...

  6. php vo 遍历,thinkPHP简单遍历数组方法分析

    thinkPHP简单遍历数组方法分析 文章主要介绍了thinkPHP简单遍历数组方法,结合实例形式分析了thinkPHP使用volist标签遍历数组的`技巧,并对比分析了织梦cms的arclist标签 ...

  7. phpcms导航高亮:“首页” 高亮显示(含代码、截图、案例)

    文章目录 phpcms导航高亮:首页.一级栏目.二级栏目(含图文案例) 一级栏目

  8. Element-ui导航组件NavMenu导航高亮设置

    Element-ui导航组件: NavMenu导航HighLight高亮设置 1. 文件navMenu.vue,部分代码参考: <template><div class=" ...

  9. jsf 导航_JSF动作方法导航示例教程– from-action标记

    jsf 导航 Navigations can be handled in JSF by writing methods in the managed bean. These methods shoul ...

最新文章

  1. 转:ASP.NET程序中常用小技巧
  2. vivado编译出错 [Synth 8-729] [Synth 8-787]
  3. eclipse打开当前文件所在文件夹
  4. Qt/Embedded开发环境的的搭建(二)
  5. 微软正式发布 Azure IoT Central
  6. cocoapods应用第一部分-xcode创建.framework相关
  7. python学习笔记之初识Python
  8. mssql数据库单表导入、导出
  9. 从零开发HarmonyOS(鸿蒙)运动手表小游戏——数字华容道
  10. netkeeper错误代码81_netkeeper移动校园宽带客户端错误代码118怎么回事?
  11. 机器学习(十五)回归算法之线性回归
  12. stm32h7xx_hal_conf.h讲解
  13. multiple definition of `main'
  14. 使用Python批量提取Word文档中的图片
  15. JVM对象创建与内存分配机制学习总结
  16. Java集合Collection源码系列-ArrayList源码分析
  17. Linux常用命令-文件操作 网络命令 性能命令
  18. Redis常见的八道面试题
  19. Android 忘记锁屏密码的解决办法
  20. 单服务台排队系统问题仿真

热门文章

  1. 基于SSM的员工管理系统设计(含源文件)
  2. clocks_per_sec 时间不正确_测血糖的正确做法:这4步一定别搞错了
  3. Java笔记-解决读取文件时中文乱码问题(InputStreamReader设置编码)
  4. Linux笔记-bash批量启动、停止、重启、查询状态指定Java进程(其他进行通用)
  5. Web前端笔记-圆环随时间逐渐缩小(使用two.js)
  6. Java笔记-当返回数据为Json时去除为null的字段
  7. Spring Boot场景启动器(Starter)
  8. Qt工作笔记-QGraphicsScene练习【Qt图形框架练习】
  9. DVWA文件上传high级文件上传漏洞
  10. idea项目启动不起来_这些教育创业项目你还不知道吗,赶紧收藏起来吧!