平板设备上带有链接的 CSS 菜单

Question

在桌面 View (使用鼠标)上悬停菜单是预期的，但是在平板电脑(触摸)上，菜单会自动选择超链接。当我触摸它时，菜单如何不链接到页面？

<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()"