问题标签 [twitter-bootstrap-tooltip]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
787 浏览

dynamic - 如何为动态生成的元素创建多个引导工具提示

我有 2 个选择器和他们自己的标题。我的元素是由 jquery 动态生成的。我写了这段代码:

他们每个人都可以单独工作,但不能一起工作。而且我必须在 js 中写标题(而不是在我的 HTML 标签中的 data-original-title 属性中)

0 投票
1 回答
1006 浏览

jquery - 在所有 html 之上显示工具提示

如何在所有 html 之上显示工具提示(来自 TW3)?

我有一个对话框(不是模态对话框),我正在尝试制作一个工具提示,以便在将鼠标悬停在文本框的底部时显示在它上面。但由于它的位置是 ,它被对话框部分阻止absolute

tooltip { position: absolute; }(或任何其他类.tooltip(注意工具提示前面的点))也不起作用。而且似乎从来没有人问过这个问题。

文档也没有说明在所有 html 之上显示工具提示。

那么,如果它的定位是绝对的,我怎样才能使工具提示看起来像呢?

0 投票
1 回答
1431 浏览

jquery - 引导 Tooltip.prototype.fixTitle() 的覆盖方法

您好,我Bootstrap tour在我的网站中使用,我想覆盖以下方法

你能解释一下如何覆盖这个吗?

如果我不编写此函数的代码,那么我的弹出框运行良好。它向我显示标题作为一个集合

但是由于这个功能,它不会像我在选项“ Select Cover”中设置的那样显示标题,它会显示我想要设置弹出框的图像的标题。

你能帮助我吗 ?

0 投票
0 回答
56 浏览

javascript - Jquery没有正确触发引导工具提示

我在一个页面上有多个输入字段,我正在尝试触发一个 Jquery 事件。每个框都有自己的引导工具提示,当光标位于相关框中时,我希望出现工具提示。但是,使用我当前的代码,我必须单击框并返回以显示工具提示。

这是我的jQuery ...

0 投票
0 回答
579 浏览

twitter-bootstrap-3 - 删除引导工具提示内联样式

我正在尝试为 bootstrap3 的工具提示设置样式,但由于某些原因,它top在标记中插入了内联样式,见下文:

知道为什么要插入此标记以及如何防止它这样做吗?

0 投票
3 回答
272 浏览

javascript - Bootstrap 3 工具提示 - 在 MouseOut 上轻弹...如果它在 iFrame 内就会发生

我正在使用 Bootstrap 3 并显示“工具提示” onMouseOver,它按预期工作。但是每当我移出光标时,屏幕就会闪烁。

HTML:

脚本初始化:

我也尝试过以下选项:

并且更改head 元素内的脚本标签,内体标签,外体标签也无助于达到我想要的结果!

0 投票
0 回答
453 浏览

jquery - 使用 Knockout.Js 的复选框列表项的工具提示

我想使用 KO.JS 为复选框列表中的每个项目添加工具提示。我已经在网上浏览了一些示例,并在此处给出的示例的帮助下实现了:

http://jsfiddle.net/pardahlman/6J7wE/12/

我写了一个处理程序如下:

HTML 中的代码:

但是工具提示没有出现。不知道我哪里出错了。我尝试实现引导工具提示。我在这里得到了示例代码:

http://jsfiddle.net/shail/vSTLU/2/

下面是html代码:

下面是JS文件中的代码:

不幸的是,上述实现都没有奏效。请建议我哪里出错了。如果还有其他更好的方法可以做到这一点,请提出建议。

提前致谢 !

0 投票
0 回答
783 浏览

jquery - Bootstrap .tooltip() 'hide' 事件会冒泡,不管 stopPropagation()

我们客户的应用程序在 Bootstrap 2.3.2 上运行,并且由于与一些旧插件的兼容性仍然是 jQuery 1.8.3。

该应用程序是一个带有文件夹和网格视图的媒体文件管理器。我们有一个文件管理器模式,可以在每个文件夹中打开。在模式中,您将看到文件夹中所有文件的列表,以及每个文件的控件(移动、重命名等)。控件由图标表示,因此为了清楚起见,我们还希望在用户将鼠标悬停在图标上时添加 Bootstrap 工具提示。

modal 有以下 jQuery 代码与之相关——我们希望在关闭 modal 时(之后)重新加载页面以显示对当前文件夹中文件的任何更改:

我们已使用以下代码将工具提示添加到模态中的控件图标...

...或此代码(它们都不起作用):

工具提示正确显示,但是当我将光标从其中一个图标上移开(这显然会触发工具提示上的“隐藏”事件)时,模式“隐藏”事件也会触发并且我们的页面重新加载!

我仍在调查我们的代码中是否有其他东西会干扰这里,但想把它放在这里,看看你们中的任何 SO 工匠是否会发现我错过的东西。

0 投票
3 回答
29674 浏览

twitter-bootstrap - 引导工具提示 data-container=body 并限制 .tooltip-inner 上的 css 范围

我正在使用 bootstrap 3.3 工具提示,并且遇到了工具提示被裁剪/隐藏的问题。我通过设置解决了这个问题data-container="body"

使用这些效果我所有的工具提示 - 这不是我想要的。

但是,我只想为页面上的工具提示子集在 .tooltip-inner 上设置特定样式。然而,这些工具提示现在包含在其中,body因此范围或多或少是全局的。

我只能使用以下方法访问 .tooltip-inner :

或者

如何设置不同的data-container?(我已经尝试过类和id)或者任何人都可以提出一种限制.tooltip-inner选择范围的方法吗?

0 投票
5 回答
45434 浏览

javascript - 销毁 Div 中的所有引导工具提示

我有一个$("#settings")带有多个引导工具提示的 div 附加到子元素。

例如,

我想$("#settings").tooltip('destroy')在按下按钮时摆脱所有这些工具提示,但它不起作用,我假设因为工具提示实际上不在设置 div 上,而是在其中。

但是我也尝试过$('#settings').find('*').tooltip('destroy'),但也没有用。

是因为我如何初始化它们吗?

访问 div 中所有工具提示的快速简便的方法是什么?