首页 > 代码库 > Bootstrap插件1--tooltip
Bootstrap插件1--tooltip
在引入bootstrap.js之前我们需要引入jquery的js文件
既然是bootstrap的插件,那么自然需要引用bootstrap.js和bootstrap.css这2个核心文件了
这里了主要介绍tooltip提示信息插件的常用使用方法
<a href=‘javascript:;‘ rel=‘tooltip‘ title=‘我就是提示的信息‘ class=‘btn btn-primary‘>点击出现提示信息</a>
调用方法:
<script>
$(function () {
$("a[rel=‘tooltip‘]").tooltip();
})
</script>
这样:tooltip的信息就自动显示在对应的元素的上方
那么,如果要让这个提示信息显示在其他地方呢?
很简单:
控制方位的属性是 data-replacement=‘?‘ ?可以是 top , bottom, left, right
<a href=‘javascript:;‘ rel=‘tooltip‘ data-original-title=‘Tooltip on bottom‘ data-placement=‘bottom‘ class=‘btn btn-primary‘>点击出现提示信息</a>
顺便说一下:data-original-title属性和title属性作用是一样的,如果同时定义了这2个属性,只会显示title属性的提示内容。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。