ThinkPHP3.2 做一个导航栏，点击其中一个怎么让它的样式改变？

//导航栏<divclass="navbar"><ulclass="clearfix"><liclass="current"><ahref="{:U('Home/Inde... //导航栏<div class="navbar"><ul class="clearfix"><li class="current"><a href="{:U('Home/Index/index')}">首页</a></li><li><a href="{:U('Home/Product/product')}">图书</a></li><li><a href="#">百货</a></li><li><a href="#">品牌</a></li><li><a href="#">促销</a></li></ul></div> 展开

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

yongxinleng
2016-06-01 · TA获得超过609个赞

知道小有建树答主

回答量：646

采纳率：38%

帮助的人：370万

我也去答题访问个人页

关注

展开全部

你的意思是在某个栏目页时显示该栏目的class="current"

那你先要获得这个栏目的ID,在这个ID的li样式上加上class="current"

更多追问追答
追问

能给一下详细的代码吗？
追答

你给出你的导航栏controller代码来我看一下?
追问

没有写，这个是个公共的head，首页，图书，百货这些都是死的。不需要写Controller吧？
追答

没有controller你这些栏目怎么来的？
追问

就是固定的，不是从数据库调的，首页，图书，百货，品牌，促销这是固定的
追答

有一个办法可以解决你这个问题.那就是javascript或是jquery.
追问

能不能写一个给我
追答

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <!-- 引入jquery -->
  <script src="/jquery.js"></script>
  <script>
    var this_url = window.location.pathname;  //获得当前所在的路径地址 如：/Home/Product/product?id=2 this_url=/Home/Product/product
    var reg = /(.*)\/(.*)$/;                  //正则表达式
    var nav_reg = reg.exec(this_url);
    var nav = nav_reg[nav_reg.length-1];      //获得栏目的精确地址 如:product            
    var nav = 'li.'+nav;
    
    $(document).ready(function(){
        $('li').removeClass('current');              //先将所有的class属性为current元素该属性去除
        $(nav).addClass('current');
    });
    
  </script>
 </head>
 <body>
  <div class="navbar">
    <ul class="clearfix">
    <li class="index current"><a href="{:U('Home/Index/index')}">首页</a></li>
    <li class="product"><a href="#">图书</a></li>
    <li><a href="#">百货</a></li>
    <li><a href="#">品牌</a></li>
    <li><a href="#">促销</a></li>
    </ul>
  </div>
 </body>
</html>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

ThinkPHP3.2 做一个导航栏 ，点击其中一个怎么让它的样式改变？

其他类似问题

为你推荐：

ThinkPHP3.2 做一个导航栏，点击其中一个怎么让它的样式改变？