如何处理在触摸屏设备上的菜单悬停（IPad）

我正在使用基于CSS的菜单，其中我使用悬停效果来显示子菜单。我很想知道这个菜单是如何在触摸屏设备上工作的。我在iPad上测试过它，它似乎不工作。如何处理在触摸屏设备上的菜单悬停（IPad）

<ul id="CSSMenu"> 
     <li><a class="Home" href="/index.aspx" style="background: none repeat scroll 0% 0% transparent;">Home</a> </li> 
     <li> 


<a class="healthcare" href="/healthcare-reform" style="background: none repeat scroll 0% 0% transparent;">Healthcare Reform</a> 

      <ul aclass="healthcare" style="background-color: rgb(51, 153, 153);"> 
       <li><a href="#">Credits/Subsidies</a></li> 
       <li><a href="#">Credits/Subsidies</a></li> 
       <li><a href="#">Credits/Subsidies</a></li> 
       <li><a href="#">Credits/Subsidies</a></li> 

      </ul> 
     </li> 

    </ul>

来源

2013-09-23 Shailesh

您需要使用一些javascript来允许在触摸屏上点击/点击事件。 Superfish是一个下拉式插件，它使用jQuery显示/隐藏桌面设备上的悬停子菜单项以及移动设备的点击事件。

来源

2013-09-23 04:51:25 essmahr

检测触摸屏并正确处理触摸屏最多是棘手的。有些设备支持这两种设备，并且无法确定最终用户是使用触摸还是键盘。最好的办法是通过CSS或JQuery创建一个结构，替代触摸屏检测到的设备的悬停功能。一些工程师通过双击事件来处理这个问题，但作为触摸屏上的最终用户，我觉得这很烦人，其他人可能不会。

在您的具体情况中，您可以用显示子菜单的点击替换父元素上的悬停，然后在点击任何其他元素时隐藏子元素。

来源

2014-06-22 12:21:31 DJTN

如何处理在触摸屏设备上的菜单悬停（IPad）

回答

相关问题