悬停CSS上的iPad/iPhone Touch事件

Question

我有一个简单的菜单设置如下:

  <ul>
   <li>Item </li>
   <li>Item </li>
    <li>Item </li>
  </ul>

当您将鼠标悬停在计算机上的项目上时,它会显示其他项目<ul>和<li>项目正常.在智能设备上,如果您触摸该项目,则它不会执行任何操作.我的第一个<li>有一个称为标志性图像的图像是完美的,但我无法弄清楚为什么这样有效而其他人没有.

谢谢您的帮助.

我试过这个:

但它没有帮助.请帮忙!我已经尝试了下面的建议,但它不适用于我的小提琴示例.

Answer 1

我发现了怎么样.加

<a href='#'>(your menu header)</a>

对于<li>父母中的所有人<ul>.不需要jQuery/JS.

Answer 2

我有同样的问题,在看了你的解决方案后,我尝试了一些非常简单的工作,所以我想我会分享它.

为了重申这个问题,我有CSS菜单,其中悬停在菜单项上显示子菜单项.在没有悬停的iPad上,单击菜单项会在某些情况下显示子菜单,而在其他情况下则不会显示.

只要它不起作用,我只是添加onclick="return true"到它<li>,嘿presto它的工作原理.