Php 如何在codeigniter中的菜单上添加活动类

我正在为单击的菜单栏项添加一个“活动”类，但当页面在单击后转到其他链接时，它将被删除

这是我的HTML：

<ul class="nav navbar-nav">
    <li class="active">
        <a href="<?php echo base_url(); ?>news">News / Article</a>
    </li>
    <li>
        <a href="<?php echo base_url(); ?>players">Players</a>
    </li>
    <li>
        <a href="<?php echo base_url(); ?>forum">Forum</a>
    </li>
    <li class="dropdown">
        <a href="<?php echo base_url(); ?>rules" class="dropdown-toggle" data-toggle="dropdown">Rules <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li>
                <a href="#">Action</a>
            </li>
            <li>
                <a href="#">Another action</a>
            </li>
        </ul>
    </li>
    <?php if(!empty($session)){ ?>
    <li>
        <a href="<?php echo base_url(); ?>profile">Profile</a>
    </li>
    <?php } ?>
    <li>
        <a href="<?php echo base_url(); ?>gallery">Gallery</a>
    </li>
    <?php if(empty($session)){ ?>
    <li>
        <a href="<?php echo base_url(); ?>register">Register</a>
    </li>
    <?php } ?>
</ul>

---

活动类可能会删除，因为当您单击一个链接时正在加载一个新视图，这将加载一些其他HTML。

您正在重新加载站点，因此它会像第一次一样加载HTML

因此，在您不离开或重新加载该网站之前，您只能使用“活动”类

一种修复方法是，通过Ajax加载内容，菜单不会改变

---

我希望它能对您有所帮助。

仅使用javascript无法做到这一点。您需要从url获取数据，并决定哪个菜单处于活动状态

首先在页面中获取当前url。并进行以下操作

$(".nav li").removeClass('active');
var urlType = document.URL.split("/");
$("a[href*='/" + urlType + "']").addClass("active"); // contains /players

当你去这个网址

http://yourdomain.com/players;

js将是

$(".nav li").removeClass('active');
$("a[href*='players']").addClass("active");

---

和玩家菜单将处于活动状态

我正在使用通用页眉和页脚视图。唯一的内容数据对于不同的视图是不同的。它是一个单页站点吗？你不能只做js。您需要读取当前url并决定要激活的url。看到我的答案了吗

$(".nav li").removeClass('active');
$("a[href*='players']").addClass("active");