【问题标题】:How to Prevent Jquery Slide Toggle Hiding Navigation如何防止 Jquery Slide Toggle 隐藏导航
【发布时间】:2019-04-04 06:06:22
【问题描述】:

我的移动菜单非常适合滑动切换。菜单默认是隐藏的,但是,当我在移动视图中显示菜单并关闭它时,然后调整窗口大小以显示它不出现的桌面菜单。尽管我努力显示导航仍然隐藏?

$(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');
    }
});

【问题讨论】:

    标签: jquery html navigation slidetoggle


    【解决方案1】:

    试试这个,其实你需要检查窗口调整大小

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

    【讨论】:

    • 即使进行了这些更改,它仍然隐藏?
    • 你能检查一下窗口的宽度吗
    • 包裹在 document.ready 中时同样的问题,我检查了窗口的宽度,jquery 似乎被忽略了
    • 通过在 .menu 媒体查询中添加 !important 到 style:block 解决了这个问题,这不是我假设的最佳解决方案,但是它可以工作
    • 所以你可以添加这个css .menu.show { display: block; }
    猜你喜欢
    • 2014-12-05
    • 2011-02-18
    • 2013-05-25
    • 2021-04-04
    • 2021-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多