我需要在移动设备中选择 # 后关闭下拉菜单答案

【问题标题】：I need drop down menu to close after # selection in mobile我需要在移动设备中选择 # 后关闭下拉菜单
【发布时间】：2015-09-11 15:59:35
【问题描述】：

在我们的移动网站中，我们使用汉堡下拉菜单导航到移动主页上的不同部分。我们的问题是菜单不会在之后自动关闭。用户必须在之后单击关闭才能隐藏下拉菜单。

HTML

<div id="menuSlideIn">
                <ul>
                    <li><a href="#item1">About</a></li>
                    <li><a href="#item2">Academics</a></li>
                    <li><a href="#item3">Cost</a></li>
                    <li><a href="#item4">Orientation</a></li>
                    <li><a href="#item5">Student Life</a></li>
                </ul>
            </div> 
<div id="about">
                    <a name="item1></a>
                    <div class="inner">
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder11" runat="server"></asp:ContentPlaceHolder>
                        <div class="toTop black"><a href="#"></a></div>
                    </div>
                </div>

javascript

        $('#menuSlideIn').css("bottom", function () { return (-1 * $('#menuSlideIn').height()); });
        $("#menuSlideIn").toggle("slide");
        $('#menuHamburger').click(function () {
            $("#menuSlideIn").toggle("slide");
        });

css

#menuHamburger{
    float:left;
    padding: 8px 5px;
}
#searchImg {
    float:right;
    padding: 8px 5px;
}
.menuText{
    float:left;
    font-size:24px;
    color: #ffce00;
}
#menuSlideIn{
    height: auto;
    width: auto;
    background: #000;
    position:absolute;
    z-index: 100000;
}
#menuSlideIn li{
    padding: 5px 10px;
}
#menuSlideIn li a{
    color: #fff;
}

【问题讨论】：

标签： javascript html css mobile

【解决方案1】：

您可以向#menuSlideIn 中的链接添加一个事件处理程序，以关闭汉堡菜单。

$('#menuSlideIn li a').click( function() {
    $("#menuSlideIn").toggle("slide");
});

【讨论】：

这行得通。如何选择评论作为答案？
只需点击此帖子的投票数正下方的“已选中”灰色图标（您可能需要等待几分钟才能将其作为有效答案进行检查）

【解决方案2】：

我有同样的问题，当它点击任何导航项时我手动关闭它（尽管我检查这应该只在用户使用移动浏览器时发生）

【讨论】：