在桌面 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 示例
最佳答案
你必须为此使用javascript,你要做的是看它是否是移动设备,如果是,则单击一次时显示下一个子菜单,双击时转到链接。 单击一次使用:onclick="showsubmenu()" 双击使用:ondblclick="gotopage()"
关于平板设备上带有链接的 CSS 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39520469/