如何處理在觸摸屏設備上的菜單懸停（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）

回答

相關問題