
內容簡介
導航下拉選單廣泛用於具有大量頁面和/或分類的網站,因為它們允許直接導航到站點的幾乎每個頁面,無需經過層次結構中的所有中間頁面。不幸的是,下拉菜單在移動/觸控設備上無法很好地運作,因為它無法處理“mouseover”事件,因此當用戶單擊頂級菜單時,瀏覽器會跟隨鏈接而不是打開下拉菜單。此外掛程式為這種情況提供了解決方案。在觸控設備上,第一次點擊/輕敲頂級菜單(或一般的任何包含子項的菜單)僅擴展嵌套下拉菜單,而第二次點擊/輕敲則帶到鏈接。這與iPad / iPhone從iOS版本5開始本地採用的行為相同,因此此外掛程式旨在與iOS的先前版本和其他沒有此類本機行為的移動平台(Android、Windows等)一起使用。
連結
Black Studio官方網站
此外掛程式頁面
支援論壇
追蹤我們的Twitter、Facebook、LinkedIn和GitHub
參與貢獻
開發人員可以在我們的GitHub存儲庫上貢獻源代碼。
用戶可以通過留下5星評價評論或進行捐贈來進行貢獻。
鳴謝
此外掛程式的靈感來自Ross McKay撰寫的文章“讓CSS下拉菜單在觸控設備上運作”,但它使用完全不同的javascript代碼。
外掛標籤
開發者團隊
② 後台搜尋「Black Studio Touch Dropdown Menu」→ 直接安裝(推薦)
原文外掛簡介
Navigation dropdown menus are widely used, especially on sites with lots of pages and/or categories, as they allow to navigate directly to almost every page of the site, with no need to navigate through all the intermediate pages in the hierarchy. Unfortunately dropdown menus do not work well with mobile / touch devices, because the “mouseover” event is not handled, so when the user click a top level menu, the browser follows the link instead of opening the dropdown menu. This plugin is a solution for that situation. On touch devices, the first click / tap on a top level menu (or, in general on any menu with children) only expands the nested dropdown menu, while the second one brings to the link. This is the same behavior natively adopted by iPad / iPhone starting from iOS version 5, so this plugin is intended to work with previous versions of iOS and with other mobile platforms that do not have such native behavior (Android, Windows, etc).
Links
Black Studio web site
Plugin’s web page
Support forum
Follow us on Twitter, Facebook, LinkedIn and GitHub
Get involved
Developers can contribute to the source code on our GitHub repository.
Users can contribute by leaving a 5 stars review or making a donation.
Credits
This plugin was inspired by the article “Make CSS drop-down menus work on touch devices” written by Ross McKay, although it uses a totally different javascript code.
