Jquery CSS超大菜单-触摸屏PC上的怪异行为

我在这个网站上有一个菜单，在标准Windows 8.1 PC上的chrome上正常运行，但在带有触摸屏的Windows 8.1笔记本电脑上的chrome上查看时有一些奇怪的问题

子菜单项不可单击，当您失去焦点时，文本会出现奇怪的重影。我以前没见过这种情况，也不太清楚是什么原因造成的。。我用的是基金会4，网站是在果园上建的。

---

任何建议都将不胜感激

要复制这个问题，请打开Google Chrome开发者工具并启用“模拟触摸屏”

现在点击一个顶级菜单项（如议会）并将鼠标悬停在菜单外。我们可以看到菜单背景子菜单标题是可见的。将鼠标悬停在“Council”上，您将看到最后一级菜单项变得可见

发生这种情况的原因是，当您单击“Council”时，它将CSS类“hover”添加到its li元素中。在该li中有一个ul，具有“下拉”类。正在执行一个CSS规则，如果类“hover”应用于父li，则该规则将其设置为可见

查看基础文档，这里出现了相同的功能。区别在于，当在菜单外单击时，“hover”类将从菜单中的元素中删除。您的解决方案不会出现这种情况

可能与

我建议您将基础CSS和JavaScript更新到最新版本（4.3.2）。

否则，当您在菜单外单击并从菜单内的所有元素中删除.hover类时，您可能会创建一些脏jQuery来监视

希望有帮助