在jQuery中从头开始构建工具提示功能

Building a tooltip feature from scratch in jQuery

本文关键字：工具提示功能构建从头开始 jQuery 更新时间：2023-09-26

我希望在我的web应用程序中有一个非常动态和简单的工具提示功能（非常像Facebook的）。我看过所有的jQuery插件，但并不喜欢它们，所以我想构建自己的插件。它需要能够在悬停某些html元素时显示列表以及单个项目。

我的主要问题是，最好在jQuery中构建html工具提示元素，然后在每次悬停相关元素时插入到DOM中，还是用一个工具提示来服务所有工具提示悬停活动，然后移动它并更改其中的内容

任何工具提示经验都会感兴趣！

嗯。。您有两个选项：
1）每次需要显示工具提示时都会生成工具提示，但不要忘记在隐藏后将其从DOM中删除
2）但IMHO最好的方法是只初始化一次工具提示，然后将其放置在正确的位置，修改其内容。

尝试tipsy工具提示jquery插件

http://fishintheriver.com/2009/03/04/a-cool-facebook-style-tooltip-plugin-for-jquery/

但如果你想自己做，那么我认为第二个选项是好的"有一个工具提示来服务所有工具提示悬停活动，只需移动它并更改其中的内容"

我最终在每个mouseenter/mouseleve上构建并删除了一个新的工具提示实例。效果真的很好！