列出用于下拉菜单的项目：在Safari上失败

Question

我正在使用css格式化ul / li s以获取下拉菜单。一切都适用于Firefox＆amp; IE，但在iPhone上失败（例如Safari）：MENU按钮不活动。

代码失败示例：http://jsfiddle.net/7jfo9x8h

<ul class="Menu">
  <li>MENU
     <ul>
     <li> <a href="foo.html">Sub 1</a> </li>
     ...
    </ul>
  </li>
</ul>

相关CSS：

ul.Menu li:hover>ul{ display:block; }

为jsfiddle中显示的css道歉;它是从我做了我需要的网站上复制的。

我无法弄清楚iPhone失败的原因。 （PS：我没有;需要请朋友检查任何模组。）

Answer 1

您可以使用JavaScript模拟悬停状态。如果您正在使用jQuery，请尝试这样的事情（借鉴this other post）：

ALTER TABLE Index_Test
ADD CONSTRAINT PK_ID PRIMARY KEY (ID)
GO

这是一个updated demo - 经测试适用于Android上的Chrome。

您可能还需要将$('body').bind('touchstart', function() {}); 选择器添加到具有:active选择器的相同声明中，如此补丁中所示：

:hover

（等）