吾爱源码
首页 > 站长学院 > 网络编程 > thinkphp3.2.3当前栏目高亮显示 完美解决方案

thinkphp3.2.3当前栏目高亮显示 完美解决方案

作者:佚名 来源:吾爱源码 2016-04-14 13:57:45

不少朋友为 栏目当前高亮状态没有很好的解决思路苦恼,我也在网上查询了不少的资料,但是都没有能够很搞的解决,后来通过自己的一番思考和修改才算是圆满的解决了这个小问题,下面把代码分享给大家,如果有更好的方法也欢迎大家分享!

首先,我解决的是子栏目的高亮,如下图

子栏目html代码:

<ul id="nav2">
         <volist name="cateson" id="vo">
          <li><a  href="__MODULE__/<if condition="$vo['cate_type'] eq 1">List<else/>Page</if>/index/cate_id/{$vo.cate_id}" >{$vo.cate_name}</a></li>
         </volist>
         
        </ul>
复制代码

上面的代码相信大家都看得明白,就是循环li,主要ul加了id="nav2"我们要用到
JQuery代码:(使用前请引入JQuery先)

<script type="text/javascript">
 $(document).ready(function(){
     var hrefs=$("#nav2 > li > a");
    hrefs.each(function(i,val){
        var cururl=window.location.href;
        if(cururl.contains(val)){
            $(this).addClass("foucs");
        }
    }); 
 });
 </script>
复制代码

思路要点:如果当前的栏目地址包含(注意,不是等于)我们所循环的某个子栏目的地址,就给该栏目添加“foucs”这个class属性值。

  • 热门软件
  • 热门标签
返回顶部