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

Question

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

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

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

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

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

一切都按其应有的方式运行，除了在移动设备上。当我点击圆圈打开工具提示时，它会触发 click 事件并完全绕过 mouseenter/mouseexit 事件。 任何想法将不胜感激:) 谢谢

Answer 1

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