Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/265.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 从导航中添加或删除.active类_Php_Jquery_Html - Fatal编程技术网

Php 从导航中添加或删除.active类

Php 从导航中添加或删除.active类,php,jquery,html,Php,Jquery,Html,我有一个问题,我试图用jquery从元素中删除活动类,我搜索了,但没有找到问题; 我的html: 如何从a元素中删除活动类?问题在于,您将进入另一个页面,这意味着javascript不重要,因为页面会随着javascript活动的变化而变化 你需要让你的导航像这样 <nav class="navbar-default navbar-side" role="navigation"> <div class="sidebar-collapse" id="menu">

我有一个问题,我试图用jquery从元素中删除活动类,我搜索了,但没有找到问题; 我的html:


如何从
a
元素中删除活动类?

问题在于,您将进入另一个页面,这意味着javascript不重要,因为页面会随着javascript活动的变化而变化

你需要让你的导航像这样

<nav class="navbar-default navbar-side" role="navigation">
    <div class="sidebar-collapse" id="menu">
        <ul class="nav" id="main-menu">
            <li class="text-center">
                <img src="http://cadastru.md/assets/img/find_user.png" class="user-image img-responsive"/>
            </li>
            <li>
                <a class="<?php if($_SERVER['REQUEST_URI']==base_url()){echo 'active';}?>"  href="<?php echo base_url(); ?>administration/show/index"><i class="fa fa-dashboard fa-3x"></i>Home</a>
            </li>
            <li>
                <a class="<?php if($_SERVER['REQUEST_URI']==base_url() . "administration/add_user"){echo 'active';}?>" href="<?php echo base_url();?>administration/add_user"><i class="fa fa-bar-chart-o fa-3x"></i>Add user</a>
            </li>
        </ul>
    </div>
</nav>

这可能并不完美,但希望你理解这个概念

注意:这不再需要Javascript


此外,还可以添加名为$currentPage的变量,并存储页面的字符串名称。然后您可以检查
是否($currentPage==“Home”){echo“active”}…

我不知道您在这里想做什么,但以下代码可能会帮助您??如果您想这样做,第一个代码将切换您的活动类(我认为这是没有用的,因为您正在删除相同的并再次添加相同的),第二个代码将从元素中删除活动类。在执行任何操作之前,代码将检查元素是否具有活动类

    // Toggle Class??
    $('.nav li a').click(function(event){
        event.preventDefault();
        $(this).toggleClass('active');
    });

    // Remove class??
    $('.nav li a').click(function(event){
        event.preventDefault();
        if ($(this).hasClass('active')) {
            $(this).removeClass('active');
        }
    });

让我知道它是否对您有帮助,或者您是指其他事情,我不确定,但我认为您需要从jQuery选择器中删除
,如下所示:

$('nav li a').on('click', function() {
    $('nav li a.active').removeClass('active');
    $(this).addClass('active');
});
理论上,如果没有
,选择器将找到所有


(很抱歉我的回答中的英语不好)

问题是什么?…你的问题是什么?我编辑了问题你的
li
元素没有活动的
类。因此,你的问题仍然不清楚。抱歉,从一个元素是的,我希望你做一些工作,使这项工作,因为我没有你的整个项目,所以我不知道你的基本url代码做什么或任何其他事情,除了这个小片段。代码工作正常,我想你的页面可能有其他错误。你能打开控制台(FirFox/Chrome)调试器,看看是否还有其他JS错误吗?
    // Toggle Class??
    $('.nav li a').click(function(event){
        event.preventDefault();
        $(this).toggleClass('active');
    });

    // Remove class??
    $('.nav li a').click(function(event){
        event.preventDefault();
        if ($(this).hasClass('active')) {
            $(this).removeClass('active');
        }
    });
$('nav li a').on('click', function() {
    $('nav li a.active').removeClass('active');
    $(this).addClass('active');
});