javascript - 同一DIV上的jQuery悬停/点击事件(移动设备)

我编写了一个简单的脚本，在图像上显示圆圈。


当您将鼠标悬停在一个圆圈上时，它将展开为工具提示。

$('div.tooltip').live({mouseenter:function(e){
... animate tooltip open;
},mouseleave:function(e){
... animate tooltip closed;
}});

当您单击打开的工具提示时，它会显示一个包含更多信息的灯箱。

$('div.tooltip').live('click',function(e){
... open related lightbox
});

一切正常，但在移动设备上除外。当我点击圆圈以打开工具提示时，它会触发click事件并完全绕过mouseenter/mouseexit事件。
任何想法将不胜感激:)谢谢

最佳答案

由于触摸屏设备的性质，它们根本不支持悬停事件。在这方面，您可以做的最好的事情是使用支持手势的jquery插件，并使用一次单击和两次单击事件，否则，您需要将工具提示放置在其他位置并使其始终可见或单独使用一个按钮激活笔尖...或者您可以这样做，以便第一次单击激活笔尖，然后再次单击激活第二个功能。

关于javascript - 同一DIV上的jQuery悬停/点击事件(移动设备)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11218900/