태블릿 장치에 링크가있는 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

당신은 무엇을 당신이해야 할 것은이 모바일 장치의 경우, 만약 그렇다면, 볼이 한 번 클릭 할 때 다음 하위 메뉴를 표시하고, 이동하는 것입니다, 그것을 위해 자바 스크립트를 사용해야합니다 링크를 두 번 클릭하면 한 번의 클릭으로 사용 : onclick = "showsubmenu()" 더블 클릭 사용 : ondblclick = "gotopage()"