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

时间:2011-06-21 09:41:54

标签: javascript jquery dom tooltip

我想在我的网络应用中使用非常动态且简单的工具提示功能(非常像Facebook的)。我已经浏览了所有的jQuery插件,但是真的不喜欢它们,所以想要构建我自己的插件。它需要能够在悬停某些html元素时显示列表和单个项目。

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

任何工具提示体验都会引起人们的兴趣!

3 个答案:

答案 0 :(得分:2)

嗯..你有两个选择:
1)每次需要显示时生成工具提示,但不要忘记在隐藏后从DOM中删除它。
2)但是恕我直言最好的方法是只初始化工具提示一次,然后将它放在正确的位置,修改其内容。

答案 1 :(得分:1)

尝试使用tipsy tooltip jquery插件

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

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

答案 2 :(得分:0)

我最终在每个mouseenter / mouseleave上构建并删除了一个新的工具提示实例。工作得很好!