触摸友好的工具提示

问题描述

任何人都知道包含移动设备解决方案的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为基础，并编写了一些科学怪人的代码来创建触摸友好的工具提示和移动友好的模式框.任何优化代码的帮助将不胜感激.这是小提琴... 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/Elegant-css-and-jquery-tooltip响应移动友好

奖金是在手机上它会在您触摸时粘"起来，而在再次触摸时消失.

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

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