Javascript 移动菜单在单击时未打开。。。

我尝试在JSFIDLE中重新创建该问题，但未能成功

有一个链接到我的网站

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

这是菜单的脚本…

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

});

我已经检查了我所知道的一切，并再次检查了我的工作。单击时，菜单根本无法打开

---

想法

layout.css，第599行，尝试更改

display:none至<代码>显示：块：

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

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

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

您还可以使用
$（'#menu'）.hide（）如果您不喜欢动画。
还有9分钟可以接受。我一定是在路上的某个地方无意中改变了这一点。谢谢你，斯图尔特！继续为我的朋友编码。当我从移动设备打开菜单时，除非再次单击图标，否则它将保持打开状态。你知道有没有解决办法，或者这是正常的行为吗？我明白你的意思。。。您可以将事件附加到下拉单击以隐藏
。我想这个下拉列表可能不是为这种风格的站点创建的，但是更新不应该太复杂。我将添加一段代码供您在上面的回答中尝试。