Css iPad的菜单和子菜单问题

我有我的桌面网站的菜单和子菜单。子菜单出现在菜单的悬停位置。具有空白标签的菜单，作为具有相应链接页面的子菜单。它在桌面上运行良好

当您在iPad中访问相同的页面时，单击菜单会显示子菜单，但相同的页面会从第一个子菜单重定向到href链接。我们只想打开子菜单，而不是页面重定向

我们不能从菜单中删除空白标签，因为它会停止在iPad中显示子菜单

---

有什么建议吗？

假设您的菜单如下所示：

<ul>
  <li>
    <a href="/">Menu Level 1</a>
    <ul>
      <li>
        <a href="/">Menu Level 2</a>
       </li>
    </ul>
  </li>
</ul>

当触摸顶部菜单中的链接时，它将绑定一个事件，检查链接的父LI是否具有指定的类。如果它确实有这个类，那么什么也不会发生（即，用户将进入新页面）。如果没有该类，则添加该类，并且不执行链接

然后，您只需要添加“touchOpen”类以及：hover css

li:focus ul,
li:hover ul,
li:active ul,
.touchOpen ul{
 /* css code to display the sub menu */
}

li:focus ul,
li:hover ul,
li:active ul,
.touchOpen ul{
 /* css code to display the sub menu */
}