Bootstrap 提示工具（Tooltip）插件
当您想要描述一个链接的时候，提示工具（Tooltip）就显得非常有用。提示工具（Tooltip）插件是受 Jason Frame 写的 jQuery.tipsy 的启发。提示工具（Tooltip）插件做了很多改进，例如不需要依赖图像，而是改用 CSS 实现动画效果，用 data 属性存储标题信息。
如果您想要单独引用该插件的功能，那么您需要引用 tooltip.js。或者，正如
结果如下所示：
选项
有一些选项是通过 Bootstrap 数据 API（Bootstrap Data API）添加或通过 JavaScript 调用的。下表列出了这些选项：
选项名称 类型/默认值 Data 属性名称 描述 animation boolean
默认值：truedata-animation 提示工具使用 CSS 渐变滤镜效果。 html boolean
默认值：falsedata-html 向提示工具插入 HTML。如果为 false，jQuery 的 text 方法将被用于向 dom 插入内容。如果您担心 XSS 攻击，请使用 text。 placement string|function
默认值：topdata-placement 规定如何定位提示工具（即 top|bottom|left|right|auto）。
当指定为 auto 时，会动态调整提示工具。例如，如果 placement 是 “auto left”，提示工具将会尽可能显示在左边，在情况不允许的情况下它才会显示在右边。selector string
默认值：falsedata-selector 如果提供了一个选择器，提示工具对象将被委派到指定的目标。 title string | function
默认值：”data-title 如果未指定 title 属性，则 title 选项是默认的 title 值。 trigger string
默认值：’hover focus’data-trigger 定义如何触发提示工具： click| hover | focus | manual。您可以传递多个触发器，每个触发器之间用空格分隔。 delay number | object
默认值：0data-delay 延迟显示和隐藏提示工具的毫秒数 – 对 manual 手动触发类型不适用。如果提供的是一个数字，那么延迟将会应用于显示和隐藏。如果提供的是对象，结构如下所示： delay:
{ show: 500, hide: 100 }container string | false
默认值：falsedata-container 向指定元素追加提示工具。
实例： container: 'body'相关文章 大家在看
鲁大师驱动备份在哪 鲁大师驱动下载位置说明
2023-03-06
0万阅读
应用宝怎么连接不上手机 应用宝连接不上手机解决方法
2023-02-27
0万阅读
迅雷7怎么设置下载完自动关机
2023-02-26
0万阅读
如何刻录dv/|如何刻录dvd光盘
2023-02-23
7万阅读
盈通：NEC 8X DVD刻录机狂降400！再送大礼！
2023-02-22
4万阅读
编程语言排行榜2020年9月 TIOBE编程语言排行榜2020年
2023-02-16
7万阅读
美图秀秀教程之照片披上面纱，打造MV魅惑冷色调
2023-01-17
3万阅读
k8s编排之DaemonSet知识点详解
2023-01-17
3万阅读
酷我k歌怎么下载mv 酷我k歌mv怎么下载
2023-01-04
3万阅读
QQ无法定位程序输入点怎么办 QQ无法定位程序输入点
2022-12-29
3万阅读
鲁大师驱动备份在哪 鲁大师驱动下载位置说明
2023-03-06
0万阅读
应用宝怎么连接不上手机 应用宝连接不上手机解决方法
2023-02-27
0万阅读
迅雷7怎么设置下载完自动关机
2023-02-26
0万阅读
如何刻录dv/|如何刻录dvd光盘
2023-02-23
7万阅读
盈通：NEC 8X DVD刻录机狂降400！再送大礼！
2023-02-22
4万阅读
编程语言排行榜2020年9月 TIOBE编程语言排行榜2020年
2023-02-16
7万阅读
美图秀秀教程之照片披上面纱，打造MV魅惑冷色调
2023-01-17
3万阅读
k8s编排之DaemonSet知识点详解
2023-01-17
3万阅读
酷我k歌怎么下载mv 酷我k歌mv怎么下载
2023-01-04
3万阅读
QQ无法定位程序输入点怎么办 QQ无法定位程序输入点
2022-12-29
3万阅读
