开发者社区 问答 正文

寻求一种html头部公共调用解决方案

是Thinkphp,模板之间可以继承,但是在弄头部导航栏的时候遇到了麻烦
我是用开源的amazeUI框架,和bootstrap差不多
在弄导航栏的时候有一个class="active"的选项
能实现下面这个效果(加上了阴影告诉用户当前处于哪个页面)
接下来问题来了

我弄了一个head.html用于公共调用,这样可以免去重复代码,但是每个新页面加class="active"的位置不同,意味着这样调用不行,问大家有没有什么解决方案
thinkphp php js 随你们
screenshot

展开
收起
杨冬芳 2016-06-21 11:40:24 2614 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    header.php:

    <header>
          <ul class="am-nav am-nav-pills am-topbar-nav">
                  <li><a href="#"<?=$active['index'];?>>首页</a></li>
                  <li><a href="#"<?=$active['qa'];?>>答案分类</a></li>
           </ul>
    </header>

    index.php:

    <?php
       $active =  array(
          'index' => ' class="active"',
       );
       include 'header.php';
    ?>

    qa.php :

    <?php
       $active =  array(
          'qa' => ' class="active"',
       );
       include 'header.php';
    ?>
    2019-07-17 19:44:42
    赞同 展开评论