下拉菜單不能在頂級鏈接的iPad上工作

所以我有一個客戶的網站使用cs-cart。頂層菜單由幾個下拉菜單組成，這裏的頂層菜單也是一個鏈接。下拉菜單不能在頂級鏈接的iPad上工作

當我點擊頂層項目時，下拉菜單顯示，但是它也點擊了鏈接並進入該頁面，導致無法點擊下拉菜單中的項目。

（這似乎只發生在第5-6頂部菜單項也..最後3似乎還好嗎？..）

而且這一點，當我嘗試單擊下拉菜單項，它點擊它後面的橫幅..所以仍然不能使用它。

我已經添加了modernizer，並嘗試了幾個JavaScript修復，但似乎沒有工作。

任何人都知道我還能做什麼？

網站：http://bit.ly/Mu5kbR

感謝，

來源

2014-02-26 Richard Edwards

你試過嗎？

if (modernizr.touch) { 
    $('a.drop').click(function(e) { 
     var next = $(this).next("div"); 
     if (next.not(":visible")) { 
     e.preventDefault(); 
     next.show(); 
     } 
    }); 
}

來源

2014-03-04 18:47:47 B2K

我仍然需要用戶能夠點擊菜單中的鏈接，我將通過添加一個可以切換此類的類來進行調整。讓我試試它。 –

謝謝，工作，我沒有在我的摩登之前'觸摸'，所以它沒有觸發，但得到了，非常感謝 –

@RichardEdwards我編輯了我的答案，包括點擊頂級菜單項的能力，一次它的下拉菜單是可見的。 – B2K

我的建議是從懸停改變下拉動作，以在第一級點擊所有的觸摸設備

來源

2014-03-04 14:07:51 Hungryweb

這將顯示下拉，當我點擊而不是懸停是。但是它不會阻止用戶點擊頂級鏈接並轉到顯示下拉列表的INSTEAD頁面。 –

下拉菜單不能在頂級鏈接的iPad上工作

回答

相關問題