html - Web 版本所需的下拉菜单代码

Question

我有一个网站，在顶部标题区域有一个下拉菜单，只有当用户将鼠标悬停在它上面时它才有效 (http://liquor.com)。但在移动版本中，我被告知此行为无效。

所以我将在代码中加入一个条件语句并显示另一个下拉菜单，但我很好奇移动下拉菜单应该使用什么代码。

如有任何帮助，我们将不胜感激。

Answer 1

我有纯 CSS(根本没有 javascript)的 2 级下拉菜单，至少可以在 iPod touch、iPhone 和 iPad 上使用。

所需要的只是添加一个虚拟的onclick 处理程序，所以

<li><div class="menuheader">Reports</div>
... </li>

成为

<li><div class="menuheader" onclick="void(0)">Reports</div>
... </li>

Apple 的 Safari Reference Library 中对此进行了描述Making Elements Clickable 的条目.