jQuery单击事件只工作一次，同时切换侧栏。

Question

我试图切换一个侧边栏，但它只工作了一次。我认为查询代码是不言自明的。如果你想的话我可以写HTML代码。

    $('.side-menu').on('click', function(){
        $('.control-sidebar').addClass('active-sidebar');
        $('.side-menu').on('click', function(){
            $('.control-sidebar').removeClass('active-sidebar');
        });
    });

Answer 1

一个干净的代码解决方案看起来应该是这样的：

$('.side-menu').on('click', function(){
    $('.control-sidebar').toggleClass('active-sidebar');
});

Answer 2

我觉得你的逻辑不对。

if(!$('.control-sidebar').hasClass('active-sidebar')){...}

当类“Control-侧栏”没有“active-侧栏”时，此代码将运行。

在开始时，情况会发生，所以您可以单击..side菜单并将类“活动-侧栏”添加到DOM中。这违背了你的第一条逻辑。

此外，为什么在代码中发生两次这种情况？

$('.side-menu').on('click', function(){...}

解决方案:使用切换类:请参见此https://jsfiddle.net/BeklievParviz/rwnpk0wm/

Answer 3

$('.side-menu').on('click', function(){
    $('.control-sidebar').toggleClass('active-sidebar');
});

用户此