jquery - Hover CSS 上的 iPad/iPhone Touch 事件

Question

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

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

当您将鼠标悬停在计算机上的元素上时，它会显示另一个 <ul>和 <li>元素很好。在 i 设备上，如果您触摸该元素，它不会执行任何操作。我的第一个<li>有一个名为 iconic works perfect 的图像，但我不明白为什么它有效而其他的无效。

http://jsfiddle.net/5v9nc/

感谢您的帮助。

我试过这个:

http://blog.0100.tv/2010/05/fixing-the-hover-event-on-the-ipadiphoneipod/

但这并没有帮助。请帮忙!我已经尝试了下面的建议，但它不适用于我的 fiddle 示例。

Answer 1

我发现了方法。添加

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

所有<li>在 parent <ul> .不需要 jQuery/JS。