javascript - 点击后手机菜单打不开...

Question

我尝试在 jsFiddle 中重新创建问题，但无法做到。

这里有我网站的链接...

这是一个响应式网站，但菜单不起作用，我不知道为什么。想知道是否有人能指出我正确的方向。

这是菜单的脚本...

$(function() {

    var mobileMenu  = $('.mobile-menu');
        menu        = $('#menu ul');
        menuHeight  = menu.height();

    $(mobileMenu).on('click', function(e) {
        e.stopPropagation();
        e.preventDefault();
        menu.slideToggle();
    });

    $(window).resize(function(){
        var w = $(window).width();
        if(w > 760 && menu.is(':hidden')) {
            menu.removeAttr('style');
        }
    });

});

我已经完成了我所知道的一切，并仔细检查了我的工作。单击时菜单根本不会打开。

想法？

Answer 1

layout.css，第 599 行，尝试更改display: none;为display: block;：

#menu {
    height: auto;
    width: 100%;
    display: block;
}

要隐藏 onclick 菜单，您可以尝试以下操作：

$('#menu a').each(function() {
    $(this).click(function() {
        $('#menu').slideUp();
    };
});

$('#menu').hide();如果您不喜欢动画，也可以使用。