jQuery 悬停/单击事件位于同一 DIV(移动设备）上

jQuery Hover/Click event on same DIV (Mobile Devices)

本文关键字：移动 DIV 于同一 悬停 单击 事件 jQuery      更新时间：2023-09-26

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

  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事件。任何想法将不胜感激:)谢谢

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

相关文章：