一个很小的jQuery插件,它可以在任何元素上附加Bootstrap风格的工具提示,而不必包含Bootstrap框架。
1.在HTML文档中加载Tooltip.js插件的缩小版本。
- <link rel="stylesheet" href="jquery.tooltip.min.css" />
- <script src="/path/to/cdn/jquery.slim.min.js"></script>
- <script src="jquery.tooltip.min.js"></script>
2.添加数据切换=“工具提示”
属性,并使用标题
属性来定义工具提示文本,如下所示:
- <button
- data-toggle="tooltip"
- title="Tooltip Content Here"
- >Hover Me
- </button>
3.确定工具提示的位置。默认值:“底部”。
- <button
- data-toggle="tooltip"
- title="Tooltip Content Here"
- data-placement="right"
- >Hover Me
- </button>