问题标签 [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.
dynamic - 如何为动态生成的元素创建多个引导工具提示
我有 2 个选择器和他们自己的标题。我的元素是由 jquery 动态生成的。我写了这段代码:
他们每个人都可以单独工作,但不能一起工作。而且我必须在 js 中写标题(而不是在我的 HTML 标签中的 data-original-title 属性中)
jquery - 在所有 html 之上显示工具提示
如何在所有 html 之上显示工具提示(来自 TW3)?
我有一个对话框(不是模态对话框),我正在尝试制作一个工具提示,以便在将鼠标悬停在文本框的底部时显示在它上面。但由于它的位置是 ,它被对话框部分阻止absolute
。
做tooltip { position: absolute; }
(或任何其他类.tooltip
(注意工具提示前面的点))也不起作用。而且似乎从来没有人问过这个问题。
文档也没有说明在所有 html 之上显示工具提示。
那么,如果它的定位是绝对的,我怎样才能使工具提示看起来像呢?
jquery - 引导 Tooltip.prototype.fixTitle() 的覆盖方法
您好,我Bootstrap tour
在我的网站中使用,我想覆盖以下方法
你能解释一下如何覆盖这个吗?
如果我不编写此函数的代码,那么我的弹出框运行良好。它向我显示标题作为一个集合
但是由于这个功能,它不会像我在选项“ Select Cover
”中设置的那样显示标题,它会显示我想要设置弹出框的图像的标题。
你能帮助我吗 ?
javascript - Jquery没有正确触发引导工具提示
我在一个页面上有多个输入字段,我正在尝试触发一个 Jquery 事件。每个框都有自己的引导工具提示,当光标位于相关框中时,我希望出现工具提示。但是,使用我当前的代码,我必须单击框并返回以显示工具提示。
这是我的jQuery ...
twitter-bootstrap-3 - 删除引导工具提示内联样式
我正在尝试为 bootstrap3 的工具提示设置样式,但由于某些原因,它top
在标记中插入了内联样式,见下文:
知道为什么要插入此标记以及如何防止它这样做吗?
javascript - Bootstrap 3 工具提示 - 在 MouseOut 上轻弹...如果它在 iFrame 内就会发生
我正在使用 Bootstrap 3 并显示“工具提示” onMouseOver,它按预期工作。但是每当我移出光标时,屏幕就会闪烁。
HTML:
脚本初始化:
我也尝试过以下选项:
并且更改head 元素内的脚本标签,内体标签,外体标签也无助于达到我想要的结果!
jquery - 使用 Knockout.Js 的复选框列表项的工具提示
我想使用 KO.JS 为复选框列表中的每个项目添加工具提示。我已经在网上浏览了一些示例,并在此处给出的示例的帮助下实现了:
http://jsfiddle.net/pardahlman/6J7wE/12/
我写了一个处理程序如下:
HTML 中的代码:
但是工具提示没有出现。不知道我哪里出错了。我尝试实现引导工具提示。我在这里得到了示例代码:
http://jsfiddle.net/shail/vSTLU/2/
下面是html代码:
下面是JS文件中的代码:
不幸的是,上述实现都没有奏效。请建议我哪里出错了。如果还有其他更好的方法可以做到这一点,请提出建议。
提前致谢 !
jquery - Bootstrap .tooltip() 'hide' 事件会冒泡,不管 stopPropagation()
我们客户的应用程序在 Bootstrap 2.3.2 上运行,并且由于与一些旧插件的兼容性仍然是 jQuery 1.8.3。
该应用程序是一个带有文件夹和网格视图的媒体文件管理器。我们有一个文件管理器模式,可以在每个文件夹中打开。在模式中,您将看到文件夹中所有文件的列表,以及每个文件的控件(移动、重命名等)。控件由图标表示,因此为了清楚起见,我们还希望在用户将鼠标悬停在图标上时添加 Bootstrap 工具提示。
modal 有以下 jQuery 代码与之相关——我们希望在关闭 modal 时(之后)重新加载页面以显示对当前文件夹中文件的任何更改:
我们已使用以下代码将工具提示添加到模态中的控件图标...
...或此代码(它们都不起作用):
工具提示正确显示,但是当我将光标从其中一个图标上移开(这显然会触发工具提示上的“隐藏”事件)时,模式“隐藏”事件也会触发并且我们的页面重新加载!
我仍在调查我们的代码中是否有其他东西会干扰这里,但想把它放在这里,看看你们中的任何 SO 工匠是否会发现我错过的东西。
twitter-bootstrap - 引导工具提示 data-container=body 并限制 .tooltip-inner 上的 css 范围
我正在使用 bootstrap 3.3 工具提示,并且遇到了工具提示被裁剪/隐藏的问题。我通过设置解决了这个问题data-container="body"
。
使用这些效果我所有的工具提示 - 这不是我想要的。
但是,我只想为页面上的工具提示子集在 .tooltip-inner 上设置特定样式。然而,这些工具提示现在包含在其中,body
因此范围或多或少是全局的。
我只能使用以下方法访问 .tooltip-inner :
或者
如何设置不同的data-container
?(我已经尝试过类和id)或者任何人都可以提出一种限制.tooltip-inner
选择范围的方法吗?
javascript - 销毁 Div 中的所有引导工具提示
我有一个$("#settings")
带有多个引导工具提示的 div 附加到子元素。
例如,
我想$("#settings").tooltip('destroy')
在按下按钮时摆脱所有这些工具提示,但它不起作用,我假设因为工具提示实际上不在设置 div 上,而是在其中。
但是我也尝试过$('#settings').find('*').tooltip('destroy')
,但也没有用。
是因为我如何初始化它们吗?
访问 div 中所有工具提示的快速简便的方法是什么?