Javascript Jquery添加li类活动

需要为li添加类

admin.tpl：

<ul class="nav nav-tabs">
<li><a href="admin.php">{"_MENUINFO"|lang}</a></li>
<li><a href="admin.php?site=ban_add">{"_ADDBAN"|lang}</a></li>
<li><a href="admin.php?site=ban_add_online">{"_ADDBANONLINE"|lang}</a></li>
</ul>

如果example.com/admin.php需要

<li class="active"><a href="admin.php">{"_MENUINFO"|lang}</a></li>
<li><a href="admin.php?site=ban_add">{"_ADDBAN"|lang}</a></li>
<li><a href="admin.php?site=ban_add_online">{"_ADDBANONLINE"|lang}</a></li>

<li><a href="admin.php">{"_MENUINFO"|lang}</a></li>
<li class="active"><a href="admin.php?site=ban_add">{"_ADDBAN"|lang}</a></li>
<li><a href="admin.php?site=ban_add_online">{"_ADDBANONLINE"|lang}</a></li>

example.com/admin.php？site=ban\u add

<li class="active"><a href="admin.php">{"_MENUINFO"|lang}</a></li>
<li><a href="admin.php?site=ban_add">{"_ADDBAN"|lang}</a></li>
<li><a href="admin.php?site=ban_add_online">{"_ADDBANONLINE"|lang}</a></li>

<li><a href="admin.php">{"_MENUINFO"|lang}</a></li>
<li class="active"><a href="admin.php?site=ban_add">{"_ADDBAN"|lang}</a></li>
<li><a href="admin.php?site=ban_add_online">{"_ADDBANONLINE"|lang}</a></li>

结束等等。。 请帮忙

不起作用

<li class="<?php if ($page=="admin.php") echo "active"?>">

---

点击链接页面将刷新，然后您可以使用php GET获取页面名称并在li上设置活动类，如下所示：

<?php

if (isset($_GET['site'])) {
    switch ($_GET['site']) {
        case 'ban_add':
            $activeClass1 = 'active';
            break;
        case 'ban_add_online':
            $activeClass2 = 'active';
            break;
        default:
            $activeClass = 'active';
            break;
    }
}
?>

<li class="<?php echo $activeClass; ?>"><a href="admin.php" >{"_MENUINFO"|lang}</a></li>
<li class="<?php echo $activeClass1; ?>"><a href="admin.php?site=ban_add">{"_ADDBAN"|lang}</a></li>
<li class="<?php echo $activeClass2; ?>"><a href="admin.php?site=ban_add_online">{"_ADDBANONLINE"|lang}</a></li>


在jquery的DocumentReady中编写以下代码。每当页面加载时，获取url并将类活动添加到相应的li标记

$(function(){
    var pathName = location.pathname;
    $('.nav-tabs a[href="' + pathName + '"]').closest('li').addClass('active');
});

我将在服务器端动态生成列表，并向
li
元素添加一个类，使其后代
a
的
href
与当前URL匹配。这也使您的标记更整洁，更易于维护

使用JavaScript，您可以使用
.filter（）
方法：

$(function() {
   $('.nav-tabs a').filter(function() {
      return this.href === document.URL;
   }).closest('li').addClass('active');
})

试试这个JQUERY

首先将
id
交给您的
ul

<ul class="nav nav-tabs" id="nav_tabs">

您还可以使用PHP作为

<?php
$my_url = $_SERVER['REQUEST_URI'];
$page = substr($my_url, strrpos($my_url, '/') + 1)
?>

<ul class="nav nav-tabs" id="nav_tabs">
    <li <?php if($page=="admin.php") echo 'class="active"'; ?>><a href="admin.php">{"_MENUINFO"|lang}</a></li>
    <li <?php if($page=="admin.php?site=ban_add") echo 'class="active"'; ?>><a href="admin.php?site=ban_add">{"_ADDBAN"|lang}</a></li>
    <li <?php if($page=="admin.php?site=ban_add_online") echo 'class="active"'; ?>><a href="admin.php?site=ban_add_online">{"_ADDBANONLINE"|lang}</a></li>
</ul>



完整的url是什么？如果当前href与链接上的href匹配，则可以检查该href。但您可能需要在某一点拆分当前href。不知道在哪里，除非你提供这个，或者至少在admin之前提供字符串的一部分。php@user3008011你看到我的答案了吗？你能写出完整的代码吗？我没有脚本技能如何连接此脚本？@user3239481通过使用
脚本
标记？我将此函数粘贴到js文件，最后写了一封信，让你尝试在admin.php中添加脚本，并用我的代码替换你的li代码？链接很多，我需要一个简单的解决方案非常感谢，JQUERY代码工作！！