Bootstrap3.0学习教程二十：JS插件工具提示

工具提示

受到Jason Frame开发的jQuery.tipsy插件的启发，Bootstrap才把这个工具提示插件做的更好，而且此插件不依赖图片，只是使用CSS3来实现动画效果，并使用data属性存储标题。

将鼠标悬停在按钮、文本框、链接等等一些基本控件上就可以看到提示了，先上一个效果图

主要实现了按钮的上下左右的ToolTip，然后是文本框和链接的ToolTip。

对单个工具提示使用data属性

使用data属性可以为单个工具提示指定额外选项，如下所示。

标记

$('.tooltip-demo').on('hidden.bs.tooltip', function () {

alert(1);

})

总结

工具提示功能，最重要的就是记住此功能的开启要功过JavaScript功能来开启，一开始不知道什么问题，硬是没效果，郁闷了好半天，结果还是找出原因了。