基金會4 - 使頂部欄下拉菜單工作ipad

Question

我有一個客戶端，希望桌面版本的基礎4的頂部酒吧出現在iPad而不是移動版本。這很好，因爲他們的網站只有幾個部分，但每個部分都有子頁面，所以導航顯示每個鏈接的下拉菜單。

我修改了破發點，並在導航看起來在iPad上罰款，並輕敲父鏈接顯示的子菜單 - 但我不能讓下拉菜單，關閉一次一個是開放的 - 你可以下拉菜單之間進行切換，但在屏幕上的其他任何位置點擊都會使下拉閃爍，然後重新顯示。

我試過在文檔正文的其他地方添加一些JS來捕捉點擊，並且隱藏任何可見的子菜單，但它不工作，我仍然看到/關閉閃光 - 我看不到任何地方基礎.topbar.js將覆蓋它，但我也不能想到會導致這種情況的代碼中的任何其他地方。

有沒有人有任何獲得這些桌面版本菜單很好地工作在iPad上的經驗？你之前說「iPad是一種移動設備，你應該使用手機導航，工程」 - 我已經嘗試過說服的客戶端和他們沒有去爲它：/

Answer 1

最簡單的辦法：

if (Modernizr.touch) { 
    $('.top-bar-section ul li .parent-link.js-generated').show(); 
} 

基礎已經準備好要在移動菜單的下拉菜單中顯示的頂級導航項目。您也可以在iPad等觸摸屏上的桌面版本上使用此功能。

Andrea