javascript - Javascript mobileMenuToggle函数需要与站点一起加载

我是stackoverflow.com的新手，正在寻找代码帮助，希望对您有所帮助。

这是网站http://newwebdemo.com/builf/

如果您使用移动设备打开此网站或将窗口调整为较小尺寸，则会看到将显示mobileMenuToggle而不是网站的普通桌面菜单！

我想要的是当前在我单击它时关闭菜单并再次单击它时关闭的菜单，我需要默认将其与网站一起打开并加载，当我单击它时我可以将其关闭，

这是此部分的代码，您的帮助将解决我的问题

    if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/Android/i)) {

    $('#header-wrapper').addClass('is_tablet');

    $('#header-inner .mobile-nav').css('display','block');

    $('#header-inner ul.navigation, #header-inner ul.mobile-navigation').css('display','none');

    $('#header-inner .mobileMenuToggle').css('display','block');

    $('.menu').not('.mobile-nav .menu').css({display:'none'});

}

$('.mobileMenuToggle a').on('click', function() {

    if($(this).hasClass('open')) {

        $('ul.mobile-navigation').slideUp(400,'easeInOutQuint');

        $(this).removeClass('open');

    } else {

        $('ul.mobile-navigation').slideDown(400,'easeInOutQuint');

        $(this).addClass('open');

    }

    return false;

});

当前正在做的事情是将类名“ open”添加到

<div class="mobileMenuToggle"><a href=""></a></div>

当您单击它时，代码会发生变化，菜单会向下滑动并打开

<div class="mobileMenuToggle"><a href="" class="open"></a></div>

您可以在移动设备上或以较小尺寸的浏览器单击菜单时看到，它会在单击时打开菜单，我希望它默认与网站一起打开！

可以请人帮忙吗？

最佳答案

只需在附加click事件后添加触发器，例如：

    if(navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/Android/i)) {

    $('#header-wrapper').addClass('is_tablet');

    $('#header-inner .mobile-nav').css('display','block');

    $('#header-inner ul.navigation, #header-inner ul.mobile-navigation').css('display','none');

    $('#header-inner .mobileMenuToggle').css('display','block');

    $('.menu').not('.mobile-nav .menu').css({display:'none'});

}

$('.mobileMenuToggle a').on('click', function() {

    if($(this).hasClass('open')) {

        $('ul.mobile-navigation').slideUp(400,'easeInOutQuint');

        $(this).removeClass('open');

    } else {

        $('ul.mobile-navigation').slideDown(400,'easeInOutQuint');

        $(this).addClass('open');

    }

    return false;

});
$(function() {
    $( window ).resize(function() {
        if (jQuery('.mobileMenuToggle').is(':visible')) { jQuery('.mobileMenuToggle a').click() }
    }).trigger('resize');
});

如果要在调整大小后更新页面，则应附加调整大小事件并跟踪其中的可见性。

关于javascript - Javascript mobileMenuToggle函数需要与站点一起加载，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21502744/