Question

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

我的网站链接 here ...

这是一个响应式网站，但菜单无效，我无法弄清楚原因。想知道是否有人能够指出我正确的方向。

以下是菜单的脚本......

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

要隐藏菜单，请尝试以下操作：

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

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

移动菜单无法点击...

1 个答案: