问题标签 [twitter-bootstrap-tooltip]

我有一个模式窗口，其中包括div：

如您所见，标签上有一个工具提示。

它使用以下代码初始化：

代码正在运行，但工具提示显示在模式后面。我尝试z-index像这样设置工具提示：

或者

但他们都没有工作。

您能否建议我应该如何设置 CSS 以使此工具提示显示在模式之上？

我正在使用 AngularJS 和 Twitter Bootstrap (TB)，来自 Angular 我正在使用验证工具和来自 TB 的一些好东西，比如工具提示。这是 HTML 的呈现方式：

这就是我的指令在 Angular 方面的看法：

您可能会注意到tooltip它是空的，但我用它来触发其他消息。如果tooltip为空则不显示其他消息，是否存在任何方法来触发带有空工具提示值的 TB 工具提示？

我试图在悬停时保持引导工具提示活着，所以我在这里按照 vikas 的回答（如何在弹出框悬停时保持引导弹出框活着？）。我做了类似的东西：

这在除 Opera 之外的大多数网络浏览器（Chrome、Firefox、Safari、IE）中都能正常工作。在 Opera 中，$('.tooltip:hover').length 总是返回 0。有没有办法让它与 Opera 兼容？

或者你知道另一种方法来检查鼠标当前是否在工具提示内容上？

我有一个 jquery ui 滑块，我想在工具提示中显示滑块的值（在滑块的处理程序中）。到目前为止，当滑块停止时我得到了值，但我希望工具提示在拖动滑块时更新值。有没有办法让 jquery UI 滑块当前位置，而不是值？

我试图拥有两种不同的元素，一种会在手机+平板电脑上显示，另一种会在台式机/等上显示。这两个不同的项目也有工具提示，我希望始终显示（所以不要使用悬停）

我遇到的问题是始终显示两个工具提示，即使响应元素（在本例中为 div 或按钮）被隐藏。

HTML：

JS：

我有一个示例 JSBin：http: //jsbin.com/UFoRIYex/508/edit

有可能做到吗？

我的工具提示在默认情况下工作得很好$('selector').tooltip('show'); 然后我想得到所有的幻想。这一定是显而易见的，但我就是看不到。

Javascript

Javascript：

当我记录 initTooltip 的参数时，这就是我得到的（如预期的那样）

Javascript：

一切似乎都到位，我也没有收到任何错误。工具提示本身只是不呈现。好像我需要打电话tooltip.show()什么的。

我目前正在使用以下代码来初始化 Bootstrap 工具提示的延迟初始化版本。第一次悬停后，延迟方面一切正常，但在初始悬停时，它会立即显示。我知道这是因为$(this).tooltip('show');方法的原因，但我不知道如何同时使用延迟和显示。我必须使用，$(this).tooltip('show');因为一旦悬停该元素就不会显示工具提示，除非我移出并重新进入。

更新的答案

我一直在阅读 SO，我看到模糊事件被许多人调用了两次。老实说，我只是不明白为什么。

JavaScript：

我的参数输入正确，当我注销所有内容时，我的消息都是正确的。只是不确定如何绕过执行两次的模糊事件。

我也尝试过使用focusout但没有运气。

当我将鼠标悬停在没有嵌套 div 的图像上时，我希望出现三个不同的工具提示。

此代码确实有效：

我想做的是这样的事情，“数据内容”可能是“id：position：title”：

参考：具有多个“数据切换”的引导控制

有没有人有任何想法？我正在使用 Bootstrap 3.1.1，我的 javascript 非常有限。

我有多个动态定位的元素，每个元素都有一个工具提示。有时 2 个元素的工具提示位置会重叠。工具提示是否可以自动占据下一个可用的空放置位置（top、bottom、left、right）？

每个工具提示都会检查它是否可能与现有的工具提示重叠并循环通过剩余的 3 个放置槽。