如何防止 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');
    }
});