我们在这里创建了一个新网站 www.worthingleisure.co.uk/splashpoint
它的顶部有一个纯 CSS 菜单，通过使用 li:hover ul 方法并适当显示和隐藏，该菜单应该适用于 iPad、iPhone 和其他基于触摸的设备。
但是，例如，如果您点击“设施”，它会跟随链接，并且仅在加载“设施”页面时暂时显示菜单。如果你回击，菜单就会显示正常！我确信这曾经工作得很好，但现在已经停止工作了。
我画了一个空白，并尝试了一切让它成为“一次点击”打开菜单，“第二次点击”跟随超链接的 URL 并画出一个空白，包括按照其他地方的建议将“onclick='return false'”放入 li 项目中。
有没有人有任何想法，我整个早上都在研究这个问题，但无法找到答案，但其他仅 CSS 的菜单工作得很好，我无法理解它们和我们的菜单之间有什么不同。
非常感谢，
维姬
好吧，这是其他人所说的结果。你可以在 iPad 上做悬停效果，但这取决于情况。它对您不起作用的原因是“设施”菜单项也是一个链接。因此，当您按下它时，它会触发悬停和单击（这就是您返回页面时看到它的原因）。
如果设施是一个跨度并且仍然具有正确的 CSS 悬停，那么它会起作用，因为您点击了它但没有点击链接。
由于您可能希望保留这些父类别链接，正如其他人建议的那样，您希望使用 Javascript/jQuery 来抑制默认操作（但仅适用于触摸事件设备，因为您不希望它在具有老鼠）。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
