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

你可以试试这个: http://css-tricks.com/unobtrusive-page-changer/

我有纯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>

这在苹果的 Safari Reference Library 进入 Making Elements Clickable .

因为移动平台不能:悬停,所以您必须绑定下拉菜单来单击事件。

基本上按照以下步骤创建下拉菜单:

• 捕获顶行导航链接的单击事件(因为用户无法悬停)
• 阻止默认值(浏览器加载新页面)
• 根据单击的顶部导航链接加载相应的子菜单。
• 当子菜单失去焦点时将其移除(用户单击页面或其他顶部导航链接)