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

【问题标题】：CSS menu with links on tablet device平板设备上带有链接的 CSS 菜单
【发布时间】：2016-09-15 21:13:52
【问题描述】：

在桌面视图（使用鼠标）上，悬停菜单与预期一样，但在平板电脑（触摸）上，菜单会自动选择超链接。当我触摸它时，菜单怎么不能链接到页面？

<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 示例

【问题讨论】：

标签： css menu tablet

【解决方案1】：

你必须使用javascript，你要做的就是看它是否是移动设备，如果是，单击一次时显示下一个子菜单，双击时转到链接。一键使用：onclick="showsubmenu()" 双击使用：ondblclick="gotopage()"

【讨论】：