我正在尝试使用 Bootstraptooltip http://getbootstrap.com/javascript/#tooltips在我的一个应用程序中。目前,我有以下内容:
<button type="button" class="btn btn-default"
data-toggle="tooltip" data-placement="left"
title="Tooltip on left">
Tooltip on left
</button>
不幸的是,我的工具提示没有显示。我试图弄清楚我做错了什么。我知道它可以通过 JavaScript 创建。但是,我试图以声明方式定义我的工具提示。我已确认包含 Tooltip.js 文件。但是,我无法弄清楚我做错了什么。
是否可以在纯粹的声明性意义上使用工具提示?如果是这样,有人可以通过 JSFiddle 或 Bootply 示例向我展示如何操作吗?我真的对这个很头疼。
不,不可能以纯粹的声明性方式使用工具提示。来自Docs http://getbootstrap.com/javascript/#tooltips:
选择加入功能:
出于性能原因,工具提示和弹出窗口数据 API 是可选的,这意味着您必须自己初始化它们。
所以你必须打电话.tooltip()
手动在 JavaScript 中像这样:
$("[data-toggle=tooltip]").tooltip();
或者使用您想要的任何选择器。
jsFiddle 中的工作演示 http://jsfiddle.net/KyleMit/Q8TZv/
应该是这样的:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)