Javascript 当响应样式不再适用时删除类

因此，我制作了一个响应式菜单，它看起来像智能手机的菜单（从侧面滑动的菜单，我不知道它叫什么），只有当屏幕小于960px时（使用

@媒体屏幕）和（最大宽度：960px）

，它的切换器（锚定）才会显示。 现在，为了切换菜单，我使用JQ的

.toggleClass

向主体添加一个类，如下所示：

$(document).ready(function(){
    $('.btn-mobile-nav').click(function(e){
        e.preventDefault();
        $('body').toggleClass('mobile-slide-nav');
    });
});

现在的问题是，当我打开菜单后将窗口拉伸回大于960px的大小时，切换程序将消失，它添加的类（“.mobile slide nav”）仍保留在body元素中

所以。。。我怎么修理它？有什么想法吗？ 对于糟糕的英语，我很抱歉：）

src:-

太好了：-）很高兴能帮助你。

$(window).resize(function(){
   console.log('resize called');
   var width = $(window).width();
   if(width > 960){
       $('body').removeClass('mobile-slide-nav');
   }
})
.resize();//trigger the resize event on page load.