Bootstrap Tooltip
2024-10-18 23:22:07
【Bootstrap Tooltip】
1、设置Tooltip：
1）data-toggle="tooltip"
2）data-placement="top"， 设置位置，可以为上、下、左、右
3）title="顶部的 Tooltip"，设置内容
2、使用Tooptip，必须调用以下代码激活；
<script>
$(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
3、Tooltip常见方法：
| 方法 | 描述 | 实例 |
|---|---|---|
| Options: .tooltip(options) | 向元素集合附加提示工具句柄。 |
$().tooltip(options) |
| Toggle: .tooltip('toggle') | 切换显示/隐藏元素的提示工具。 |
$('#element').tooltip('toggle')
|
| Show: .tooltip('show') | 显示元素的提示工具。 |
$('#element').tooltip('show')
|
| Hide: .tooltip('hide') | 隐藏元素的提示工具。 |
$('#element').tooltip('hide')
|
| Destroy: .tooltip('destroy') | 隐藏并销毁元素的提示工具。 |
$('#element').tooltip('destroy')
|
4、title可以是一个html字符串：tooltip({html : true }
<a href="#" data-toggle="tooltip" title="<h2>'am Header2 </h2>">Tooltip 方法 options</a>.
参考：http://www.runoob.com/bootstrap/bootstrap-tooltip-plugin.html
最新文章
- C# Enum,Int,String的互相转换 枚举转换
- iOS UIButton单双击处理响应不同的方法
- Appium学习路—脚本篇（启动app）
- 对状态空间图搜索的几种算法比较（图）【深度、宽度、动态规划（均一代价）、最佳优先和A*算法】
- mongodb,redis,hbase 三者都是nosql数据库，他们的最大区别和不同定位是什么？
- autoit 中_GUICtrlStatusBar_SetBkColor失效的解决办法
- centos dns配置
- thread_AtomicBoolean
- PostgreSQL在Ubuntu上安装指南
- 使用WebClient上传文件并同时Post表单数据字段到服务端
- post请求json内容丢失问题
- 如何编译libcurl
- java --- 对象的创建过程
- Qt中的坐标系统
- BitmapImage 读取内存流和显示图片
- KandQ：那年，那树，那些知识点
- SSA-一种适合中小型企业的新型服务架构
- 构建之法助教园地第一次作业--点评<西北师范大学|李晓婷>
- c 判断文件或文件夹是否存在，多种方法, 为什么从一开始就不直接来个统一的呢？
- Day036--Python--线程