Php 从导航中添加或删除.active类
我有一个问题,我试图用jquery从元素中删除活动类,我搜索了,但没有找到问题; 我的html: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">
如何从
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');
});