我有一个搜索，我找不到任何东西＆amp;这也是我第一次使用该网站，所以希望它没有被问到。
我遇到了一个情况。我绝不是一个经验丰富的网站制作者。我正在学习。我有一个CSS下拉菜单，可以在桌面浏览器上正常工作。当我进入移动领域时遇到问题，即:hover不起作用（显然）。
我发现了这个：http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly但是我不能让这个红润的东西工作。
我正在申请的相关页面在这里：http://www.inkslinger.co.uk/calibre/index.html我真的无法解决这个问题，它让我非常沮丧。任何帮助都会非常感激。
答案 0 :(得分：2)
我遇到了同样的问题，并找到了一个简单的解决方法，我在这里使用过 hover example
Post Natal和Ante Natal选项在悬停时触发下拉，但您可能会注意到它们本身并非链接。在我的原始模型中，它们是链接，但是当我意识到这对触摸设备不起作用时，我只是将它们变成了下拉框的触发器，并将链接放在框中。所以对你来说，你的'我们做什么'链接，不是链接，只是下拉菜单的触发器，然后在菜单中你可以链接到'我们做什么'信息。
还值得记住的是，某些触摸设备（如某些iPad）根本不喜欢悬停状态，如果您发现悬停状态不会触发您的下拉菜单，则添加'onclick =“return true” '到有问题的列表项。这通常会使悬停状态像点击一样工作。
希望这会有所帮助，我所写的内容代表着对我的参考书库进行了3天的研究。
答案 1 :(得分：0)
我们遇到了这个问题，并将悬停更改为点击次数。
答案 2 :(得分：0)
而不是使用悬停，这在触摸设备上当然是不可能的，使用：active可能是一个好的开始。在触摸设备上仍然可以选择某些东西，将菜单绑定到切换的活动状态，然后就完成了。
答案 3 :(得分：0)
对于这种情况，您必须从悬停切换到点击事件。没有解决方法。
你一定要考虑改变你的设计，让左手为触摸设备打开一个汉堡包式的菜单。
从您发布的链接中查看此演示。在移动设备中打开它时，它会更改为不同的菜单样式。 http://osvaldas.info/examples/drop-down-navigation-touch-friendly-and-responsive/
此外，如果您想将您的热门链接作为其他网页的直接链接;您可以在顶部按钮上单击两次。首先单击将打开菜单，打开菜单后，您可以像上面的演示一样分配直接链接。
答案 4 :(得分：0)
将这行代码放在头标记中，如下所示：
<head>
<script>document.addEventListener("touchstart", function(){}, true);</script>
</head>
为你的悬停元素创建一个这样的活动类：
element:hover, element:active { Your CSS }
瞧。