javascript - jQuery轻量级tooltip脚本推荐

Question

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

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

score 18 · Accepted Answer

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

9 KB 未压缩
4 KB 缩小

score 2 · Accepted Answer

vTip可能是一个不错的候选者（参见演示）。它有点过时了，但它很简单，应该可以工作。

您只需通过在其上添加 class="vtip" 来标记您的 DOM 元素，例如

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

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

如果您想以更动态的方式处理工具提示，请考虑创建自己的简单工具提示。

score 1 · Accepted Answer

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

score 1 · Accepted Answer

电源提示

PowerTip 采用非常灵活的设计，易于定制

它被 Twitter、Github、Slideshare 和 Bitbucket 等使用。

score 1 · Accepted Answer

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

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

非常好的一个是前面提到的 PowerTip，但它有一个很大的问题：一次只能看到一个工具提示。对我来说，这是不合格的，我检查了资源，这是作者的基本假设——一次只有一个工具提示，所有工具提示都有一个 DOM 对象等。

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

希望这将为某人节省许多小时的研究。