触摸友好工具提示 [英] Touch Friendly Tooltip

问题描述

有人知道包含移动设备解决方案的 Jquery 工具提示吗?由于悬停状态不起作用，我猜我需要一些也可以在点击时起作用的东西.也许它在点击时表现得像一个模态框?就是把东西扔在这里.不确定最好的解决方案是什么.

Anyone know of a Jquery tool tip that includes a solution for mobile devices? Since the Hover state doesn't work, I'm guessing I need something that also works on click. Maybe it behaves like a modal box on click? Just throwing stuff out here. Not sure what the best solution would be.

-- 更新 --

我真的很喜欢@Alveoli 建议的解决方案，但我最终还是自己尝试了.我使用 qTip 作为我的基础并编写了一些 Frankenstein 的代码来创建触摸友好的工具提示和移动友好的模式框.任何优化代码的帮助将不胜感激.这是小提琴...http://jsfiddle.net/cssguru/NQRBT/

I really like the solution @Alveoli suggested, but I ended up taking a stab at it myself. I used qTip as my base and wrote some Frankenstein'd code to create both touch friendly tooltips and mobile friendly modal boxes. Any help optimizing the code would be greatly appreciated. Here is the fiddle...http://jsfiddle.net/cssguru/NQRBT/

推荐答案

我正在寻找相同的东西并找到了这个优雅的解决方案:

I'm looking for the same thing and found this elegant solution:

http://osvaldas.info/blog/优雅的css-and-jquery-tooltip-responsive-mobile-friendly

好处是，在手机上，当你触摸它时它会粘住"，当你再次触摸它时它会消失.

Bonus is that on a mobile it 'sticks' when you touch it and disappears when you touch it again.

这篇关于触摸友好工具提示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！