单击链接或按钮时关闭汉堡菜单

Question

当我点击里面的链接或按钮时，我正试图关闭汉堡菜单。我不太擅长Javascript，所以我只是把我在网上找到的一些代码放在一起。但是，如果我添加代码的第二部分，它会在单击链接时关闭，但在单击按钮时不会再关闭。如果我只留下第一部分，它会在单击按钮时关闭，但不会关闭链接。

// Hamburger Menu
$(document).ready(function () {
var $mainmenu = $(".main-menu"),
$hamburger = $(".hamburger");
$hamburger.click(function () {
$hamburger.toggleClass("open");
$mainmenu.toggleClass("open");
return false;
});

// Close Menu when click on Link
$(".hamburger").on("click", function () {
$(".main-menu").addClass("open");
});
$(".main-menu a").on("click", function () {
$(".main-menu").removeClass("open");
});
});

我觉得有一个简单的解决方案，但由于我缺乏知识，我找不到。我真的希望有人能帮助我！提前谢谢。

Answer 1

首先，在$hamburger.click函数中不需要返回false。对于未来，您应该指定按钮是什么，因为您实际上只提供了类或附加了屏幕截图，以便更好地可视化。

假设.汉堡包是你的按钮，你的代码可能看起来像这个

$(document).ready(() => {
var $mainmenu = $(".main-menu"),
$hamburger = $(".hamburger");
$hamburger.click(() => {
$mainmenu.toggleClass("open");
});
// Close Menu when click on Link
$(".main-menu a").on("click",() => {
$mainmenu.removeClass("open");
});
});