点击菜单时如何防止打开子菜单的link？

Question

我在使用 :hover 时制作的这个基本的多级 响应式 菜单有这个问题（我不是专业人士。我只是一个知道一些 html、css 并想为最喜欢的网站创建主题）。

使用移动设备时（Chrome for Android）：

• 如果我点击第二个菜单条目（我仍然没有 mod 第一个菜单 "Forums" 的响应 mode 的 link，子菜单打开得很好
• 如果我点击第三个菜单项，它的子菜单将会打开，但在此过程中它还会点击子菜单内的一个link。

我认为这是因为菜单容器的高度在每个子菜单打开时发生变化，并且当子菜单打开时水龙头仍然处于活动状态并且它单击子菜单的 link。

如何阻止这种情况发生？

这是网站建设中的主题是：http://etrostruewowdesigncomplete2.esy.es/phpBB3/index.php

菜单本身还没有完成（我必须在响应式 modes 和图标中隐藏一些 links）。点击搜索图标时会打开菜单容器。

这是菜单。例如，当点击打开社区的子菜单时，高亮的link也被点击了：

这是小屏幕菜单的屏幕截图：

Answer 1

我决定为菜单使用 onclick 事件。悬停不会这样做。