Меню CSS со ссылками на планшетном устройстве

Question

На рабочем столе (с мышью) меню наведения отображается так, как ожидалось, однако на планшете (сенсорный) меню автоматически выбирает гиперссылку. Как меню не может ссылаться на страницу, когда я касаюсь ее?

<nav id="menu1"> 
<ul> 
    <li><a href="#">Item 1</a> 
     <ul> 
     <li><a href="https://www.google.com/">Item 1a</a> 
      <ul> 
       <li><a href="https://www.yahoo.com/">Item 1aa</a> 
        <ul> 
        <li><div class="a1">Item 1aa<img src="https://c1.staticflickr.com/3/2344/5764645658_1498022e55.jpg" alt="1" height="200" width="200"></div></nav> 

Fiddle пример

Answer 1

Вы должны использовать JavaScript для того, что вы должны сделать, это посмотреть, если это мобильное устройство, если это так, показывают следующее подменю при щелчке один раз, и идти на ссылку при двойном щелчке. для одного щелчка мышью: onclick = "showsubmenu()" для двойного щелчка: ondblclick = "gotopage()"