Bootstrap3 工具提示插件的方法

工具提示插件的方法

1、.tooltip(options)

使用一个可选的对象参数 options调用某个页面元素的工具提示。如：

$('#element').tooltip ({
placement: right
})

2、.tooltip('show')

手动触发某个页面元素的工具提示，并在工具提示被实际显示出来之前（即shown.bs.tooltip事件被触发之前）返回主调函数。如：

$('#element').tooltip('show')

3、.tooltip('hide')

手动隐藏某个页面元素的工具提示，并在工具提示被实际显示出来之前（即hidden.bs.tooltip事件被触发之前）返回主调函数。如：

$('#element').tooltip('hide')

4、.tooltip('toggle')

手动打开或隐藏某个页面元素的工具提示，并在工具提示被实际显示出来之前（即shown.bs.tooltip或hidden.bs.tooltip事件被触发之前）返回主调函数。如：

$('#element').tooltip('toggle')

5、.tooltip('destroy')

手动隐藏并销毁某个页面元素的工具提示。如：

$('#element').tooltip('destroy')

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap3 工具提示插件的方法相关推荐

Bootstrap3 工具提示插件的使用方法
工具提示当鼠标移动到特定元素上时,显示相关的提示信息,比如给出链接说明或缩写词的全称等,是一个非常人性化的功能. HTML本身就支持这样的功能,只需给任何元素添加 title 属性,当鼠标悬停时,浏 ...
Bootstrap3 工具提示插件的事件
工具提示插件的事件 Bootstrap为工具提示插件提供了 5 个事件,通过监听这些事件,可以对特定操作阶段的用户行为作出响应.这些事件及含义见表 4‑6. 表 4‑6 tooltip插件的事件及含义 ...
Bootstrap3 工具提示插件的选项
工具提示插件的选项 Bootstrap为工具提示插件提供了 10 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.这些选项详细见表 4‑5: 表 4‑5 tooltip插件 ...
Bootstrap3 引入插件的方法
引入插件 Bootstrap 插件有两种引入方式: 一种是单个引入,一种是一次性全部引入.可以根据需要选择任意一种引入方式. 1)单个引入 Bootstrap为每个插件提供了一个独立的JavaScri ...
Bootstrap 工具提示插件
工具提示当鼠标移动到特定元素上时,显示相关的提示信息,比如给出链接说明或缩写词的全称等,是一个非常人性化的功能. HTML本身就支持这样的功能,只需给任何元素添加 title 属性,当鼠标悬停时,浏 ...
Bootstrap3 弹出提示插件的方法
弹出提示插件的方法 1..popover (options) 使用一个可选的对象参数 options调用某个页面元素的弹出提示.如: $('#element').popover ({ placem ...
Bootstrap3 滚动监听插件的方法
滚动监听插件的方法通过 JavaScript 调用滚动监控插件时,如果监听对象的DOM节点有增删元素的操作,则需要调用 .scrollspy('refresh') 方法来更新DOM. <scr ...
Bootstrap 工具提示插件Tooltip 的选项
选项 Bootstrap为工具提示插件提供了 8 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.见表 5‑4: 表 5‑4 tooltip插件的选项名称类型默认值 ...
jqueryui时间插件_jQueryUI工具提示插件
jqueryui时间插件 In this post, we will look into the details of jQueryUI Tooltip plugin. We can attach t ...

Bootstrap3 工具提示插件的方法

工具提示插件的方法

Bootstrap3 工具提示插件的方法相关推荐

最新文章

热门文章