Javascript 单击按钮时菜单未打开

当我点击菜单按钮时，我的菜单在手机上没有打开

以下是我正在使用的代码：

$（“#响应菜单按钮”）。单击（函数（）{
if（$（“#响应菜单容器”）.hasClass（'slide-left'））{
$（this.removeClass（'slide-left'）；
}否则{
$（this.addClass（'slide-left'）；
}
$（“#响应菜单容器”）.toggle（）；
});

菜单

您可以使用
touchstart
事件

$('#responsive-menu-button').on('click touchstart', function() {
    if($('#responsive-menu-container').hasClass('slide-left')) {
        $(this).removeClass('slide-left');
    } else {
        $(this).addClass('slide-left');
    }
    $('#responsive-menu-container').toggle();
});

检查代码中的$（this）是多少。看起来$（this）是$（“#responsive menu button”）而不是$（“#responsive menu container”），因此您将.slide left类添加到按钮，而不是容器


$（“#响应菜单按钮”）。单击（函数（）{
if（$（“#响应菜单容器”）.hasClass（'slide-left'））{
$（“#响应菜单容器”）.removeClass（'slide-left'）；
}否则{
$（“#响应菜单容器”）.addClass（'slide-left'）；
}
$（“#响应菜单容器”）.toggle（）；
});

菜单




试试这个

 $('#responsive-menu-button').click(function() {
        if($('#responsive-menu-container').hasClass('slide-left')) {
            $(this).removeClass('slide-left');
        } else {
            $(this).addClass('slide-left');
        }

    $('#responsive-menu-container').toggle();
  });

在这里找到您的代码它工作正常
谢谢您的回答，但它仍然不工作。当我重新调整窗口大小时，它也不起作用。我意识到你的问题中没有结束括号，你有没有收到任何错误，像往常一样，我会问“你为什么要使用js？”。