似乎有很多關於如何更改Twitter Bootstrap的下拉菜單的問題/答案出現在點擊上出現在懸停上。 Bootstrap的製造商有一個很好的理由使用點擊而不是懸停 - 懸停不適用於大多數平板電腦&手機。然而,我使用Bootstrap的原因之一是它的響應特性。我想要一個可以在臺式機,平板電腦和手機上查看的網站。雖然單擊以獲取下拉列表對於平板電腦和手機來說是必需的,但這不是桌面的預期行爲。我希望我的網站能夠快速響應,但不會犧牲對用戶的再培訓。Twitter引導:下拉菜單懸停桌面,單擊平板電腦/電話?
有沒有辦法爲桌面設備提供懸停下拉列表,併爲平板電腦和手機點擊下拉列表?
實際上,通過使用響應實用工具類,似乎我就必須有我的菜單有兩個獨立版本。一個會顯示給手機/平板電腦,一個會顯示桌面。理想情況下,我只需要一個菜單。 –
@TonyaAbna你可以做到這一點http://jsfiddle.net/baptme/gRVUq/1/,但你需要一些jQuery來關閉第二次點擊下拉。 – baptme
baptme,我不確定我是否理解你的答案。我看到你是如何讓鼠標懸停而不是點擊的,但我正在尋找一種解決方案,可以在桌面上進行懸停並單擊手機/平板電腦。我在演示中遺漏了什麼?空點擊功能是做什麼的? –