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

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")();除非有 CSS 规则应用于.dropdown，我们应该看到它们，所以在这种情况下我们可以更好地帮助你，但如果不是只放置在#nav 的 CSS 中：

#nav { display: none; }

这将导致它最初被隐藏，并且.toggle应该在每次单击时自动切换显示状态。

<div id="menu">&#9776;</div>另外，您使用 jQuery 而不是在页面的实际 HTML 中添加的原因是什么？就个人而言，我只是将它添加body到页面的 HTML 标记中，因为它对我来说似乎不值得编码。只需将它放在 HTML 中的元素之前id="nav"