onMouseover 自动解析内容的自定义字典应用工具提示？答案

【问题标题】：onMouseover custom dictionary that automatically parses contents applies tooltips?onMouseover 自动解析内容的自定义字典应用工具提示？
【发布时间】：2012-09-30 11:16:42
【问题描述】：

我有一个网站使用不“常见”的术语，有时需要澄清。我考虑过创建一个 JavsScript 解决方案，该解决方案将从字典文件中读取术语，解析每个页面，然后应用突出显示和 onMouseover 工具提示，以便用户轻松阅读术语定义。

是否有已经存在的库来完成此任务？ 我见过一些半成品的选项，但在这方面没有什么是非常干净和全面的关于我在寻找什么。

举个例子，我希望解决方案的功能类似：我会提供一个数据/定义文件，如下所示：

"some term 1", "the definition will be explained over here in verbose terms"
"some term 2", "the definition will be explained over here in verbose terms"
"some term 3", "the definition will be explained over here in verbose terms"

然后，JavaScript 在页面加载时会解析这个定义文件。然后它将解析 dom 的内容并隔离每个术语（some term 1、some term 2、etc.），并使用适当的定义文本填充术语的工具提示。显然，它的优雅之处在于它只需要更新定义文件，所有网站内容都会有一个方便的字典供读者使用。

【问题讨论】：

您找到解决方案了吗？

标签： javascript jquery ruby-on-rails-3 jquery-plugins coffeescript

【解决方案1】：

我会为此使用 jQuery UI...

http://jqueryui.com/tooltip/

就字典部分而言，我将创建一个脚本，在每个页面上加载并查找特定单词的存在并根据 JSON 文件检查它们。你要代码吗？还是概念足够好？

【讨论】：

是的，您的想法与我最初的想法相同，但是我目前对 js 并不热衷，并且真的很想看到一些 js 或 CoffeeScript 示例。当我朝着那个方向前进时，CoffeeScript 将是一个糟糕的事情。
Gotcha... 有机会我会写一个简单的代码来解析 JSON 文件。 JSON 是最容易读写的数据。
真的很期待您在这方面的意见。
明天晚上我会给你一些东西。 :)

【解决方案2】：

您可以使用Tipsy 并将clarification 添加到元素title。
这是一个tooltip，显示在hover。

【讨论】：

是的，Tipsy 看起来确实是一种选择，但是关于提供定义文件的第一部分呢？该文件将提供术语键和定义以动态填充工具提示？