问题标签 [twitter-bootstrap-tooltip]

更新

小提琴的例子很有效，我的错。但是它在我的测试网站上不起作用，我在我的网站上做了一个简单的例子。

[链接][1]

输入“医学”并按下“开始”按钮。如果您将鼠标悬停在右上角的按钮上，tooltip似乎不起作用，但“添加”a标签有效。

这是我的 JavaScript 代码：

这是我的代码示例：Link。

我tooltip为a标签制作了一个，它有效。但是，我对 an 做了完全相同的事情，button代码似乎坏了。我在这个问题上花了几个小时，但仍然无法治愈。

PS 按钮是在我的应用程序中动态生成的，所以我使用了selector.

我有一个带有一些属性的模型，我在它们上面添加了注释，特别是

注解。我有一个使用 Html.TextBoxFor() 帮助器的表单，我想向该控件添加引导工具提示。工具提示的内容将是“描述”注释中的文本。如何才能做到这一点？我应该创建自定义扩展还是可以通过其他方式检索描述？

提前致谢

我有一些按钮可以通过 Bootstrap 工具提示显示详细信息。我的主要问题是这些按钮最初隐藏在 div 中（display:none;），当显示 div 时（display:block;）工具提示不起作用。

我该如何克服这个问题？

将 bootstrap 3 工具提示应用于正文下的特定 div 时，我有一个极端情况。

我将工具提示应用于 a、i、输入、按钮、div - 它在悬停时效果很好。当我将鼠标悬停在输入/按钮上然后单击时，mouseout如果我完美地计时这个边缘情况，工具提示将粘在 dom 上。我没有要分享的网站，但我的问题是，如果不能使用工具提示跟踪每个 dom 元素的历史记录，我将如何清理 BS3-Tooltips ON BODY？

我不能简单地做一个...tooltip(...).on('click', function(this) { ...('hide'); } ..。因为上下文总是正文。而且我需要将工具提示放在该 .spa 中，以便在路由时轻松清除所有工具提示。

PS我试过删除动画，延迟。

我有一个带有状态通知的工具提示（http://angular-ui.github.io/bootstrap/），但是当这个通知太大时，它会超出屏幕限制。这是正在发生的事情的打印：

我在 angular ui 中找不到任何处理这个问题的属性。

提前致谢！

我正在为我的 Web 应用程序构建一个“自定义”验证模块。我正在为我的所有复选框元素附加一个更改侦听器。当更改事件发生时，我检查是否需要输入 - 如果未检查元素，则元素验证失败。当我手动单击任何给定的复选框时，这工作得很好。工具提示按计划显示/销毁。

单击提交按钮时，我试图获得相同的功能。系统看到工具提示（应该）被渲染 - 但事实并非如此。这就像我需要触发一个点击事件，但如果我在一个复选框元素上这样做 - 该元素将被选中。不完全是任何用户想要的功能。我不确定如何在不点击任何内容的情况下通过点击。

如果任何给定元素无效，这是我如何调用我的工具：

验证.js

这是初始化和显示任何给定工具提示的代码：

工具提示.js

我一直在做一个项目，我注意到引导程序的行为存在一些我想解决的不一致。

当弹出框（或工具提示，无论如何，它们基本上相同）接近屏幕边缘时 - 如果它是右侧的，当接近边缘时 - 它会收缩以免离开屏幕（它只适用在一定程度上，但这通常就足够了）。

当放置在左侧时，不会发生这种情况。

IE：

正确的位置：

正常宽度：

接近边缘：

左侧位置：

正常宽度：

接近边缘：

这些图像来自我为说明问题而编写的一个小型DEMO 。

我已经搞砸了源代码，到目前为止无济于事。我似乎无法确定到底是什么导致了这种行为。

有任何想法吗？

ps

我正在使用引导程序 3.1.1。新的 3.2 并没有解决这个问题（我现在想避免升级）。

重大更新！

经过一番挖掘，我发现这与引导程序无关 - 它是简单的 css - 似乎当你绝对定位一个元素并将其推到两侧时，它会尝试留在屏幕上。

我从来不知道这种行为，它会自动发生 - 但只会在你推动的方向 - 即从左侧推动的 div 在到达屏幕右边缘时会收缩，反之亦然。

碰巧的是，弹出框仅与left分配一起定位——这就是为什么我们看到不一致的行为——当它被推到右边时它会收缩而不是另一个方向。

所以解决方案是改为分配right- 听起来很简单？没那么多。我获取了源代码并对其进行了一些操作，添加了这些行（在 jsfiddle 中的第 250 行附近）：

看起来很合理，对吧？如果向左的偏移量小于 0（即，它离开屏幕），则计算窗口宽度并从中删除左侧偏移量和弹出框 ( actualWidth) 本身的宽度，然后得到与右侧的距离。

然后，确保重置左偏移并应用正确的定位。但是......它只能工作 - 也就是说它只能在第二次工作。

亲自检查一下！悬停一次，它放错了位置，把鼠标拉到一边再试一次，它突然就定位正确了。我勒个去？

编辑

好的，这似乎出现了很多，所以我会说清楚：

我知道auto安置。我不想要它。我想控制弹出框的去向，让它自动决定不是问题的解决方案，它只是避免它

我正在使用 Bootstrap 3 工具提示，使用了文档中的示例，但问题是它们在开始时自动显示，当页面加载时，所有工具提示都是可见的！

我希望它们只在悬停时显示，我该怎么办？

我正在使用bootstrap-tooltip 和 angularJs 来显示工具提示。

我正在使用以下代码显示工具提示：

第一次正常运行如下图：

看看当我将值从 4 更改为 5 时会发生什么：

为什么 ？两个工具提示 Displays.Browser 工具提示是正确的，但引导工具提示是错误的。

我想在几秒钟后自动隐藏 Boostrap 工具提示。