Question

请问一下为什么bootstrap的tooltip没有效果

请问一下bootstrap 的tooltip，我用官方的示例怎么没有效果啊？

Answer 1

引入bootstrap jquery等

<a href="javascript:;" class="tooltips" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="编辑"><i class="icon-pencil"></i></a>

<script type="text/javascript">
$(function(){
$(".tooltips").tooltip();//显示title
});
</script>

Answer 2

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

如果是动态生成在生成后加上
$("[data-toggle='tooltip']").tooltip();
官方文档写了：提示工具（Tooltip）插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插件，您必须使用 jquery 激活它（读取 javascript）。使用下面的脚本来启用页面中的所有的提示工具（tooltip）：$(function () { $("[data-toggle='tooltip']").tooltip(); });