Question

我有一个移动菜单，点击图标后打开它，我点击一个菜单项，菜单不会消失。我有一个单页网站，所以它只涵盖了一切。这是我的脚本。我应该添加什么吗？

<script type="text/javascript">
$("#nav").addClass("js").before('<div id="menu">&#9776;</div>');

$("#menu").click(function(){
    $("#nav").toggle();
    $("#nav").addClass("dropdown")();
});
</script>

Answer 1

我认为您可以放心地删除此代码：$("#nav").addClass("dropdown")();除非有.dropdown应用CSS规则，我们应该看到它们，所以我们可以在这种情况下更好地帮助您，但是如果不只是放在CSS中#nav：

#nav { display: none; }

这会导致它最初被隐藏，.toggle每次点击都会自动切换显示状态。

另外，您使用jQuery而不是在页面的实际HTML中添加<div id="menu">☰</div>的原因是什么？我个人而言，只需将其添加到页面的HTML body标记中，因为它似乎不值得代码。只需将其放在带有id="nav"

的元素之前的HTML中

我需要点击时关闭我的移动菜单项

1 个答案: