Javascript 添加类,但单击后删除类

Javascript 添加类,但单击后删除类,javascript,jquery,html,Javascript,Jquery,Html,我有一个问题,jQueryaddClasscode将类添加到我的div中,但是单击class之后,类就消失了。这是一个多页面的网站 $(document).ready(function(){ $(".left-menu-icon").click(function(){ $(this).addClass("l-animals-a"); }); }); 正如正确评论的那样:这里发生的是您单击功能。MDN文档对该功能的描述如下: 如果事件是可取消的,则取消该事件,而不停止事件的进一

我有一个问题,jQuery
addClass
code将类添加到我的div中,但是单击class之后,类就消失了。这是一个多页面的网站

$(document).ready(function(){
  $(".left-menu-icon").click(function(){
    $(this).addClass("l-animals-a");
  });
});

正如正确评论的那样:这里发生的是您单击
功能。MDN文档对该功能的描述如下:

如果事件是可取消的,则取消该事件,而不停止事件的进一步传播


看起来您正在单击一个链接,而不是触发一个
事件。preventDefault
,因此您正在加载一个新页面,这就是为什么您在那里看不到该类的原因。因此,是否要将一个类添加到当前菜单链接?如果是的,
preventDefault
正如其他人建议的那样不是答案。我知道,你知道任何解决方案吗,我在jquery中不是很好?谢谢,刷新是问题所在,但是你提供的这段代码不起作用。我有14个菜单按钮,可以指向14个不同的页面,有没有办法在菜单处于活动状态时将活动类添加到菜单中?活动状态更改背景图像。您的菜单元素是什么?你没有在你的帖子中提到它。对我来说,这听起来像是一个不同的问题…嗯,现在是一个不同的问题,对不起。我发布的带有div的a标签是菜单的第一个按钮,在该菜单中有14个相同的按钮,但不同的href链接。当我使用你的代码时,我不能在我的页面之间切换,因为点击标签现在不起作用。哦,我明白你的意思了。。。您需要做的是通知您的页面(可能是从服务器内部),您所在的页面。这样,服务器实际上决定哪个菜单元素处于活动状态。
<a href="animals.html">
  <div class="left-menu-icon l-animals"></div>
</a>
$(".left-menu-icon").click(function(e){
  e.preventDefault();
  $(this).addClass("l-animals-a");
});