Question

我想花点时间发布一些对我有很大帮助的东西，如果Stack Overflow上存在这样的文章，可以节省我几个小时的时间。我被建议发布这个问题并回答我自己的问题。

问题： 我想要一个使用bootstrap 3的导航栏，它可以识别我所在的页面并突出显示标题中的正确选项卡。我尝试了很多东西，包括创建使用文件路径，文件名等的函数。由于我的项目，我无法获得任何工作。我也点击了我能够突出显示我点击的标签，但它不再切换页面。

我会发布我的解决方案作为我自己问题的答案。 如果有人有更好的方式与社区分享我的策略，请随时将我指向正确的位置，我会移动我的信息。

Answer 1

在header.php文件中，这是我用来创建导航栏并使用Bootstrap 3中的nav-pills有效突出显示正确选项卡的代码：

<div class="collapse navbar-collapse" id="navbar-collapsed">
        <ul class="nav nav-pills">
             <li <?php if($current == 'home') {echo 'class="active"';}?>>
                <a href="<?php echo $scfg_baseurl ?>/index.php">Home</a></li>
            <li <?php if($current == 'order') {echo 'class="active"';}?>>
                <a href="<?php echo $scfg_baseurl ?>/order_manager/index.php">Order Online</a></li>
            <li <?php if($current == 'about') {echo 'class="active"';}?>>
                <a href="<?php echo $scfg_baseurl ?>/about_us/index.php">About Us</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">...</div>
            <div role="tabpanel" class="tab-pane" id="OrderOnline">...</div>
            <div role="tabpanel" class="tab-pane" id="AboutUs">...</div>
        </div>
    </div>

然后，在每个页面上我想加载导航栏（主页，在线订购，关于我们），我添加了以下 BEFORE session_start（）;

$current = 'home';

或

$current = 'order';

或

$current = 'about';

取决于我所在的页面，所以我可以在头文件中适当地引用它。通过在页面加载之前为我感兴趣的页面名称分配当前值，我能够正确地突出显示导航栏中的相应选项卡。

我希望这能帮助别人，就像它对我有所帮助一样。

我想赞美Team Tree House发布这篇引导我解决问题的文章。

欢迎反馈。

如何使用bootstrap3和php突出显示标题中的活动页面？

1 个答案: