Bootstrap工具提示未显示

用户名

我正在尝试在我的应用程序中使用Bootstrap工具提示目前,我有以下内容:

<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示例向我展示如何?我真的很想敲这个。

凯尔·米特

不可以,不能在纯粹的声明意义上使用工具提示。文档中

选择加入功能:
出于性能原因,Tooltip和Popover数据API是选择加入的,这意味着您必须自己对其进行初始化。

因此,您必须.tooltip()像这样在JavaScript中手动调用

$("[data-toggle=tooltip]").tooltip();

或使用任何您想要的选择器。

jsFiddle中的工作演示

应该看起来像这样:

屏幕截图

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

工具提示未显示

来自分类Dev

带有Bootstrap工具提示的图像映射未正确显示

来自分类Dev

工具提示引导未显示

来自分类Dev

Bootstrap 4 工具提示未居中

来自分类Dev

Chart.js工具提示未显示

来自分类Dev

Antd / Angular工具提示未显示

来自分类Dev

JButton动态工具提示文本未显示

来自分类Dev

jQuery UI工具提示未显示

来自分类Dev

工具提示未显示相关数据

来自分类Dev

工具提示未显示在图表中

来自分类Dev

在模态窗口后面显示的Bootstrap工具提示

来自分类Dev

Angular Bootstrap-工具提示不显示

来自分类Dev

单击CKEDITOR时显示Bootstrap工具提示

来自分类Dev

Bootstrap工具提示(3.3.6)显示灰色框

来自分类Dev

工具提示未显示在fontawesome图标按钮上

来自分类Dev

工具提示框未显示使用CSS

来自分类Dev

Javascript工具提示未显示在样式定义的框中

来自分类Dev

我的JavaFX工具提示未显示在图表数据节点上

来自分类Dev

alt和标题未显示为svg路径的工具提示

来自分类Dev

alt和标题未显示为svg路径的工具提示

来自分类Dev

PrimeFaces Piechart:我的本地环境中未显示工具提示

来自分类Dev

Google材料图表(散点图)未显示趋势线或工具提示

来自分类Dev

工具提示未显示d3.js

来自分类Dev

Intellijide工具提示在悬停时未显示说明

来自分类Dev

工具提示未显示在高图图表上

来自分类Dev

左下角的Chrome URL工具提示未显示

来自分类Dev

d3js SVG:title工具提示未显示

来自分类Dev

alt和标题未显示为svg路径的工具提示

来自分类Dev

工具提示未显示在状态栏加载项中