Jquery toggleClass仅添加';类别';作为HTML元素的属性-而不是Acctual类

Jquery toggleClass仅添加';类别';作为HTML元素的属性-而不是Acctual类,jquery,html,css,Jquery,Html,Css,我有个奇怪的问题。我以前使用过toggleClass,它工作得很好。然而,现在只有'class'属性被添加到元素中,而没有实际的类。像这样: $("#slideButtonMenu").click(function(){ $("#sidebar").toggleClass("slideLeft"); }); .slideLeft{ 左:-220px; } 这是我在检查元件时得到的结果。单击“#滑动按钮菜单”之前: ==0美元 单击按钮时/之后: <aside id="sideba

我有个奇怪的问题。我以前使用过toggleClass,它工作得很好。然而,现在只有'class'属性被添加到元素中,而没有实际的类。像这样:

$("#slideButtonMenu").click(function(){
  $("#sidebar").toggleClass("slideLeft");
});
.slideLeft{
左:-220px;
}
这是我在检查元件时得到的结果。单击“#滑动按钮菜单”之前:

==0美元
单击按钮时/之后:

<aside id="sidebar" class> == $0
==0美元
第一次单击后想要的结果:

<aside id="sidebar" class="slideLeft"> == $0
==0美元

我真的不知道
==$0
是什么意思,但我认为它不会影响这一点。如果我将toggleClass更改为addClass,它将成功添加该类。。。但是很明显,我不能再将菜单滑出。

因为@Rory McCrossan和@Turnip暗示我的点击被错误地绑定了

答案是添加unbind(),如下所示:

$("#slideButtonMenu").unbind().click(function(){
    $("#sidebar").toggleClass("slideLeft");
});
现在工作

编辑: 根据@Turnip的说法,如果我所有的代码都正确的完成了,这应该是不需要的,但是现在我只想用YOLO和这个来实现我的POC tmrw

编辑2: 好的,我发现了错误。我确实加载了此脚本两次:

$("#slideButtonMenu").click(function(){
    $("#sidebar").toggleClass("slideLeft");
});

当更改此选项,使其仅在不使用.unbind()的情况下工作时加载。

当触发
click
事件偶数次时,可能会发生此行为。您是否复制了
单击
处理程序?在此处工作正常:。请创建一个显示问题的标题。可能重复的@AlivetoDie请阅读问题。它不是关于
==$0
,OP承认这可能是不相关的。正如Rory所说,你很可能会多次绑定你的点击事件。
$("#slideButtonMenu").click(function(){
    $("#sidebar").toggleClass("slideLeft");
});