PowerTip

Question

我正在为轻量级工具提示寻找一个轻量级的jQuery脚本，并且可以很容易地与图像映射一起使用...理想情况下，它会自动将每个区域标记的“标题”用作工具提示。这是一个问题的原因是我有数百个区域（它是一张世界地图），每个工具提示的一行代码很快就会以文件大小加起来。

qTip可以做到这一点......但它的38kb ......这甚至超过了jQuery本身。有什么建议吗？

Answer 1

不确定它是否正是您要找的，但请查看Tipsy：
http://onehackoranother.com/projects/jquery/tipsy/

9 KB未压缩的
4 KB缩小

Answer 2

vTip可能是一个很好的候选人（请参阅demo）。它有点过时，但它很简单，应该可以工作。

您只需在其上添加class =“vtip”标记您的DOM元素，例如

<a href="#" title="Tooltip content" class="vtip">Tooltip test</a>

未压缩的JS文件只有4KB。

如果您想以更动态的方式处理工具提示，请考虑creating your own simple tooltips。

Answer 3

我使用富有想象力的“jQuery Tooltip”：demo here。适用于图像映射，并且易于使用CSS自定义。

（巧合的是，我尝试使用带有图像映射的qTip，并在与Map Hilight插件结合使用时发现了一个奇怪的错误。）

Answer 4

PowerTip具有非常灵活的设计，易于定制

喝醉

它被Twitter，Github，Slideshare和Bitbucket等人使用。

Answer 5

经过大量研究，这个问题的答案都没有让我满意。

我需要一个轻量级的解决方案，而不是放弃软件作为Tipsy（几年前的最后一次更新，63作者忽略了修复拉取请求）我可以使用典型的工具提示作为表单字段的提示在悬停时，还可以在表单提交后进行动态字段验证。

真的很好，就像之前提到的PowerTip一样，但它存在很大的问题：你一次只能看到一个工具提示。对我而言，这是取消资格，我检查了资源，这是作者的基本假设 - 一次只有一个工具提示，所有工具提示都有一个DOM对象。

在失去一个小时之后，我找到了正是我所需要的解决方案：Tooltipster。它实现起来非常简单（非常类似于PowerTip），但它允许您一次准备并显示许多工具提示。另一个优点是根本不使用图像，只有js（~12k）和css。

希望这可以节省数小时的研究时间。