如何防止 Jquery 滑动切换隐藏导航

Question

我的移动菜单非常适合滑动切换。默认情况下，菜单是隐藏的，但是，当我在移动视图中显示菜单并关闭它时，然后调整 window 的大小以显示它没有出现的桌面菜单。尽管我努力显示导航仍然隐藏？

$(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

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