如何防止Jquery幻灯片切换隐藏导航

Question

我的移动菜单与滑动切换配合使用效果很好。默认情况下，菜单是隐藏的，但是，当我显示该菜单并在移动视图中将其关闭时，请调整窗口大小以显示它不显示的桌面菜单。尽管我竭力显示它，但导航仍然隐藏？

$(document).ready(function() { //MENU CONTROL
       $('.open-nav').click(function() {
               $('.menu').slideToggle('slow, swing');
               $('.downarrow').toggleClass('flip');
       });
   });

$(document).ready(function(){
    if ($(window).width() < 768) {
      $('.menu').toggleClass('show');
    }
});

Answer 1

尝试一下，实际上您需要检查窗口的大小

$(window).resize(function(){
    if ($(window).width() > 768) {
      $('.menu').toggleClass('show');
    }
});