PHP连接使我的li类在evry页面更改时处于活动状态_Php_Jquery

PHP连接使我的li类在evry页面更改时处于活动状态

php jquery

PHP连接使我的li类在evry页面更改时处于活动状态,php,jquery,Php,Jquery,这是我的菜单项 <html> <body> <div class="container"> <ul class="nav navbar-nav ct-navbar--fadeIn"> <li class="active"> <a href="

这是我的菜单项

 <html>
    <body>
      <div class="container">

                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li class="active">
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li><a href="index.php?con=3">OM OSS</a></li>
                                <li><a href="index.php?con=15">Vilkor</a></li>
                                 <li><a href="index.php?con=16">Nyheter</a></li>

                             <li><a href="index.php?con=4">KONTAKTA OSS</a></li>



                        </ul>
     <div class="clear"></div>
    </div>

    </body>
    </html>

现在，它在主页上保持活跃，甚至可以切换到其他页面。我怎样才能使它在每次页面更改时都处于活动状态。提前谢谢。

试试这个

<?php
$myactiveli = $_GET['con'];
 ?>
<html>
    <body>
      <div class="container">

                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li <?php if($myactiveli==1) { echo 'class="active"'; } ?> >
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li <?php if($myactiveli==3) { echo 'class="active"'; } ?>><a href="index.php?con=3">OM OSS</a></li>

                        </ul>
     <div class="clear"></div>
    </div>

    </body>
    </html>

试试这个

<?php
$myactiveli = $_GET['con'];
 ?>
<html>
    <body>
      <div class="container">

                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li <?php if($myactiveli==1) { echo 'class="active"'; } ?> >
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li <?php if($myactiveli==3) { echo 'class="active"'; } ?>><a href="index.php?con=3">OM OSS</a></li>

                        </ul>
     <div class="clear"></div>
    </div>

    </body>
    </html>

u可以根据页面（从0开始）更改.eq（）中的

索引，活动类将应用于该索引

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".nav").children("li").eq(2).addClass("active");
});
</script>
</head>
    <body>
      <div class="container">    
                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li>
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li><a href="index.php?con=3">OM OSS</a></li>
                                <li><a href="index.php?con=15">Vilkor</a></li>
                                 <li><a href="index.php?con=16">Nyheter</a></li>

                             <li><a href="index.php?con=4">KONTAKTA OSS</a></li>        

                        </ul>
     <div class="clear"></div>
    </div>    
    </body>
    </html>


$（文档）.ready（函数（）{
$（“.nav”）.children（“li”）.eq（2）.addClass（“主动”）；
});

u可以根据页面（从0开始）更改.eq（）中的

索引，活动类将应用于该索引

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".nav").children("li").eq(2).addClass("active");
});
</script>
</head>
    <body>
      <div class="container">    
                        <ul class="nav navbar-nav ct-navbar--fadeIn">
                            <li>
                                <a href="index.php?con=1">HEM</a>

                            </li>
                            <li><a href="index.php?con=3">OM OSS</a></li>
                                <li><a href="index.php?con=15">Vilkor</a></li>
                                 <li><a href="index.php?con=16">Nyheter</a></li>

                             <li><a href="index.php?con=4">KONTAKTA OSS</a></li>        

                        </ul>
     <div class="clear"></div>
    </div>    
    </body>
    </html>


$（文档）.ready（函数（）{
$（“.nav”）.children（“li”）.eq（2）.addClass（“主动”）；
});

这个jQuery对我来说也很有用

<script>
 var url = window.location;
// Will only work if string in href matches with location
$('ul.nav a[href="' + url + '"]').parent().addClass('active');
// Will also work for relative and absolute hrefs
$('ul.nav a').filter(function() {
    return this.href == url;
}).parent().addClass('active');

</script>


var url=window.location；
//仅当href中的字符串与位置匹配时才起作用
$（'ul.nav a[href=“”+url+“]'）。parent（）.addClass（'active'）；
//也适用于相对和绝对HREF
$（'ul.nav a'）.filter（函数（）{
返回this.href==url；
}).parent（）.addClass（'active'）；

这个jQuery对我来说也很有用

<script>
 var url = window.location;
// Will only work if string in href matches with location
$('ul.nav a[href="' + url + '"]').parent().addClass('active');
// Will also work for relative and absolute hrefs
$('ul.nav a').filter(function() {
    return this.href == url;
}).parent().addClass('active');

</script>


var url=window.location；
//仅当href中的字符串与位置匹配时才起作用
$（'ul.nav a[href=“”+url+“]'）。parent（）.addClass（'active'）；
//也适用于相对和绝对HREF
$（'ul.nav a'）.filter（函数（）{
返回this.href==url；
}).parent（）.addClass（'active'）；

我认为上的答案可以帮助我，我真的不知道你在问什么。@我的问题是如何使用index.php的当前php格式激活当前页面？con=…我认为上的答案可以帮助我，我真的不知道你在问什么。@我的问题是如何创建当前页面使用index.php？con=..的当前php格式激活…非常感谢您提供了这些有用的提示。我很高兴：）非常感谢你提供这些有用的提示。我很高兴：）谢谢@navin。。这太棒了：）没关系@tanmoy sarkar，如果你想对我说thanx，那就帮助其他开发者吧肯定是@navin:）谢谢@navin。。这太棒了：）没关系@tanmoy sarkar，如果你想对我说thanx，那就帮助其他开发者吧绝对是@navin:）