在移动设备/平板电脑上点击某个项目后，菜单会消失

Question

我有一个非常具体的问题，我希望有人可以指导我正确的方向。 这是网站链接：http://rimowaedition.com/ 在平板电脑或移动设备上时，菜单会压缩为一个按钮。在菜单上选择任何内容 1.我必须单击按钮，它会带一个下拉列表。 2.单击我要转到的页面。 3.单击菜单按钮关闭下拉列表，否则占用整个屏幕，我无法看到后面的页面。

以下是截图：http://imgur.com/aV7RHwb

有没有办法让它当我点击下拉列表中的项目时自动关闭菜单并转到该页面。 关于我将如何做到这一点的任何指导或线索将非常感激，因为截至目前我正在拉我的头发。

Answer 1

您可以在单击的菜单列表中的任何项目上设置单击事件。 所以... 如果你正在使用jQuery

$('list-item').click(function() {
    //Remove the class that causes the menu to be open
    //Perform any actions that you need after the button is clicked
    //such as loading another page 
});

这也可以在vanilla javascript中完成。只需在javascript中搜索点击事件。

Answer 2

使用JavaScript在任何

的点击事件上使用JavaScript

> <a href>'s

在菜单中

隐藏菜单。  在任何

的点击事件上

> <a href>'s

在菜单中隐藏任何

的点击事件上的meUse JavaScript

> <a href>'s

在菜单中

隐藏菜单。 NU。