可以悬停并单击的 Javascript/CSS 工具提示

Question

我正在寻找可以执行以下操作的 javascript/css 工具提示:

1. 当您将鼠标悬停在某些页面元素(例如帮助图标)上时显示。
2. 根据浏览器窗口重新定位自己(例如，如果它在页面的最右侧，它将自己显示在页面元素的左侧，否则它会显示在页面元素的右侧。这样它就赢了不要离开页面。)
3. 您可以将鼠标悬停在工具提示上，它不会消失。通过这种方式，您可以选择文本或单击工具提示中的超链接。

我正在使用 dojo，但他们的 dijit 工具提示似乎非常不灵活，因为它只能从另一个 dijit 元素生成，最常见的是 dijit 按钮。我宁愿不必引用整个其他 javascript 框架，如 jquery 或原型(prototype)，所以希望有人有办法只使用一个基本脚本来做到这一点。

Answer 1

不幸的是，可用于 Dojo 的工具提示样式插件远不及其他框架(即:jQuery)。因此，您有以下三种选择:

重新发明轮子。利用您从其他工具提示脚本中学到的知识，从头开始构建您自己的工具提示脚本。此选项需要最长的开发时间(并且在不可避免的跨浏览器错误维护中)。

扩展现有插件。您可以为 dojo 使用当前的工具提示插件(或者可能是与库无关的插件)，并通过向其添加您自己的脚本来扩展其功能。

使用jQuery。这个已经别人说过两次了，我再说一遍。 jQuery 有一个蓬勃发展的插件生态系统，如果开发/维护时间对您来说真的很重要，那么绝对应该考虑 jQuery。