我写了一个简单的脚本,显示在图像上的圆圈。jQuery悬停/点击事件在相同的DIV(移动设备)
当您将鼠标悬停在圆上时,它会展开为工具提示。
$('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
事件。 任何想法将不胜感激:)谢谢
用户如何将鼠标悬停在具有触摸屏设备的元素上? –
这是因为当你点击**圆圈打开工具提示时,它应该触发** click **事件。 – undefined
好吧,我正在寻找替代方案/解决方法,以使此工作无需太多的代码太多或添加插件。在点击事件(简化代码)中:if(mobile_device){$('div.tooltip')。trigger('mouseenter'); }其他{...做你的正常桌面任务...};这可以工作,现在将打开工具提示,点击移动设备,并在其他地方正常工作(悬停时打开工具提示)。剩下的最后一件事就是搞清楚如何点击移动设备上的工具提示来打开灯箱.... – Aaron