当在移动设备/平板电脑上单击某个项目时，使菜单消失

Make menu go away when an item is clicked on mobile/tablet

本文关键字：项目 消失 菜单 单击 移动 平板电脑      更新时间：2023-09-26

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

以下是它的屏幕截图：https://i.stack.imgur.com/bSk9b.jpg

有没有什么方法可以让它在我点击下拉菜单中的一个项目时自动关闭菜单并转到该页面。任何关于我将如何做这件事的指导方针或线索都将不胜感激，因为到目前为止，我正在拔头发。

您可以在单击的菜单列表中的任何项目上设置单击事件。所以如果您使用的是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 
});

这也可以用普通的javascript实现。只需在javascript中搜索点击事件。

使用JavaScript在任何的点击事件上使用JavaScript

> <a href>'s

在菜单中隐藏菜单。在任何的点击事件上

> <a href>'s

在菜单中隐藏me在任何的点击事件上使用JavaScript

> <a href>'s

在菜单中隐藏菜单。nu.

相关文章：