【发布时间】：2014-05-13 01:01:28
【问题描述】：
我有一个圆形图像： 我想要做的是将鼠标悬停（或单击）在各种颜色框上，在中间和右侧显示文本/内容。问题是我怎样才能让它在移动设备上也按预期显示？
任何让我入门的指针/示例都非常有帮助，谢谢！
【问题讨论】：
标签： javascript jquery css html
【发布时间】：2014-05-13 01:01:28
【问题描述】：
据我所知，悬停功能不适用于移动设备。 我的意思是，您不能将鼠标悬停在移动设备上以查看效果。
【讨论】：
-
您可以通过应用点击功能来应用您打算通过jQuery获得的效果。对于中心和右侧的文本，使用 css 是可能的。 （对不起，一般的答案，但我正在通过手机回复，目前这是我能做的最好的）
-
点击没问题，如果要求点击，可以吗？有什么可以让我开始的例子吗？谢谢
如果您希望不同的部分可以点击/悬停，您可以使用坐标或区域/类似标签来实现。
:hover 状态在移动设备上不受支持（在大多数情况下，因为它在元素被点击时被调用），所以您可能希望改为在点击事件上调用它。
Further reading on <area>
Getting click coordinates with jQuery
【讨论】：