                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

Tooltip不能显示

引入jquery和bootstrap的脚本文件后，只能显示没有背景的普通tooltip，但是加上

$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});

才会显示和老师的一样的效果。

taoy

2016-09-09

源自：基于bootstrap的网页开发 2-5

关注问题我要回答

2644

操作

收起

5 回答

前端祭酒师回答被采纳 +3 积分
2016-10-18

工具提示（Tooltip）插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插件，您必须使用 jquery 激活它（读取 javascript）。使用下面的脚本来启用页面中的所有的工具提示（tooltip）：

$(function () { $("[data-toggle='tooltip']").tooltip(); });

</script>

加上这个！

0 回复有任何疑惑可以回复我~

收起回答

taoy 提问者

非常感谢！

2016-10-22 回复有任何疑惑可以回复我~

前端祭酒师

使用data属性也可以直接调用js

2016-10-22 回复有任何疑惑可以回复我~

慕移动4113297
2018-10-19

int a = 3;
float b = 2.33;
doublefloat c = 3.333;

1 回复有任何疑惑可以回复我~

收起回答

前端祭酒师
2016-10-18

我也是！

0 回复有任何疑惑可以回复我~

收起回答

威武小土豆
2016-09-10

jquery引入位置得在bootstrap.js的前面

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

基于bootstrap的网页开发

参与学习 187669 人
解答问题 734 个

Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页

进入课程

本课相似问答

1 回答tooltip的效果为什么不能实现呢

1 回答轮播图上下页不能显示

3 回答为什么图片显示不一样啊，不能切换

4 回答导航栏不能横向显示？求助大神解答

2 回答下拉菜单不显示

搜索更多本课相关问答

Tooltip不能显示

我要回答关注问题

热搜

最近搜索清空

Tooltip不能显示

5 回答

本课相似问答

Tooltip不能显示