Javascript toggleClass不在特定div上工作

Javascript toggleClass不在特定div上工作,javascript,jquery,Javascript,Jquery,$('.open')。单击(函数(){ $('.sidebar').toggleClass('sidebar-open'); }); 打开 这里有一个(砰的一声)[代码完全相同,在chrome和ff上工作正常 确保加载html后正在执行单击绑定。可以将绑定包装在$(文档)中。准备好如下所示: $(document).ready(function(){ $('.open').click(function() { $('.sidebar').toggleClass('s

$('.open')。单击(函数(){
$('.sidebar').toggleClass('sidebar-open');
});

打开
这里有一个(砰的一声)[代码完全相同,在chrome和ff上工作正常

确保加载html后正在执行单击绑定。可以将绑定包装在
$(文档)中。准备好如下所示:

$(document).ready(function(){
      $('.open').click(function() {
        $('.sidebar').toggleClass('sidebar-open');
      });
    })
这是一个(plunk)[具有完全相同的代码,并且在chrome和ff上正常工作

确保加载html后正在执行单击绑定。可以将绑定包装在
$(文档)中。准备好如下所示:

$(document).ready(function(){
      $('.open').click(function() {
        $('.sidebar').toggleClass('sidebar-open');
      });
    })

您可以在inspector选项卡中看到高亮显示的元素,这意味着它正在被更改,并且您已经正确地添加了事件(在文档准备就绪之后),并且代码本身没有错误


如果您碰巧添加了两次相同的单击事件,那么最终结果将与您观察到的完全一样

您可以在inspector选项卡中看到高亮显示的元素这一事实意味着它正在被更改,并且您已经正确地添加了事件(在文档准备就绪之后),并且代码本身没有错误


如果您碰巧添加了两次相同的点击事件,那么最终结果将与您观察到的完全相同

@AniketSahrawat,但我在另一个页面上有相同的设置,这不会导致任何问题?
我可以看到“侧边栏”类被突出显示为目标,但它没有添加“侧边栏打开”类
-可能您以某种方式添加了单击处理程序twice@AniketSahrawat“打开”是单击的对象。“侧边栏打开”是否将新类添加到sidebar@AniketSahrawat-我认为正在切换的类在div上是
侧栏打开的
,带有
class=sidebar
…这在浏览器中是完全有效的错误console@AniketSahrawat但是我在另一个页面上有相同的设置,这不会引起任何问题吗?
我可以看到“侧边栏”类被突出显示为其目标,但它没有添加“侧栏打开”类
——也许您以某种方式添加了单击处理程序twice@AniketSahrawat“打开”是单击的对象。“侧边栏打开”是否将新类添加到sidebar@AniketSahrawat-我认为正在切换的类在div上是
侧栏打开的
,带有
class=sidebar
…这在浏览器控制台中是完全有效的错误