如何在iPad等移動設備上處理懸停？

Question

我是Web開發的新手，現在遇到了在ipad等設備上處理懸停的問題。 首先，我想刪除css進行hover ，然后單擊鼠標，但客戶堅持要懸停。

繼承人的問題，我有引導菜單欄和一些懸停下拉菜單。 但是在ipad上，單擊菜單（例如：學習）后，菜單會下拉，但是直到我單擊另一個導航菜單說“教”后，菜單才會消失。

我想使用javascript / jquery做以下事情。

1. 保持台式機和筆記本電腦上現有的懸停行為

2. 在iPad等設備上，我希望菜單在以下情況下消失
   （a）當再次單擊同一菜單項時
   （b）當點擊子菜單時
   （c）在菜單外單擊

任何幫助在這里表示贊賞。

這是小提琴http://jsfiddle.net/em656522/2/

Answer 1

Bootstrap的默認設置是最佳的Web實踐，因此，我建議保持與現有設置保持一致。 定制菜單行為的唯一要做的事情也許就是添加僅適用於桌面的懸停下拉菜單。 也可以使用Bootstrap的響應實用程序類 。

您可能需要閱讀此問題，以了解一些訪問桌面下拉菜單的方法。