jquery添加li类活动 [英] Jquery add li class active

问题描述

需要为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> 
  

如果exam​​ple.com/admin.php需要

 < li class =active>< a href =admin.php> {_ MENUINFO| lang}< / A>< /锂> 
< 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> 
  

example.com/admin.php?site=ban_add

 < li>< a href =admin.php> {_ MENUINFO| lang}< / a>< ; /立GT; 
< 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）echoactive？>> 
  

解决方案

试试 JQUERY

首先将 id 加入您的 ul

 < ul class =nav nav-tabsid =nav_tabs> 
  

然后使用jquery

  $（document）.ready（function（）{
 $（'ul＃nav_tabs li a'）。 element）.attr（'href'）; 
 $（element）.parent（）。removeClass（active）; 
 var filename = window.location.href.substr（window.location.href .lastIndexOf（/）+ 1）; 
 
 if（filename == li）
 {
 $（element）.parent（）。addClass（active） ; 
} 
 
}）; 
}）; 
  

您也可以使用 PHP 作为

 <？php 
 $ my_url = $ _SERVER ['REQUEST_URI']; 
 $ page = substr（$ my_url，strrpos（$ my_url，'/'）+ 1）
？> 
 
< ul class =nav nav-tabsid =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> 
  

Need add class to 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>

if example.com/admin.php need

<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>

example.com/admin.php?site=ban_add

<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>

end etc.. Please help!

Does not work

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

解决方案

try this JQUERY

first give the id to your ul

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

then use jquery

$(document).ready(function(){
    $('ul#nav_tabs li a').each(function(index, element) {
        var li = $(element).attr('href');
        $(element).parent().removeClass("active");   
       var filename = window.location.href.substr(window.location.href.lastIndexOf("/")+1);

        if(filename==li)
        {
                $(element).parent().addClass("active"); 
        }

    });
});

also you can use PHP as

<?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>

这篇关于jquery添加li类活动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！