Question

可以弄清楚为什么会发生这种情况。来自ui.bootstrap的其他指令工作：alert，progressbar等。但由于某种原因，弹出窗口和工具提示停止工作。有人有这个问题吗？我以前遇到过问题 - 由于某种原因，工具提示的默认css规则是opacity:0。但这次有点不同的问题。它甚至没有像过去那样向DOM添加工具提示相关的东西。

另外，我注意到一个视图的控制器，其中使用的工具提示我以前可以访问tt_title, tt_isOpen, tt_placement等内容。现在我突然无法再这样做了。

我怀疑与浏览器有关，我们正在使用。我注意到工具提示不能在我的计算机上工作，而在我的同事身上他们仍然会工作，然后他删除了bower文件和node_modules，清理了npm和bower缓存，工具提示和popovers也停止了为他工作。

我已尝试将ui.bootstrap.tooltip显式添加为模块依赖项，但我已列出ui.bootstrap。

如果有人有类似的问题，并且知道可能的解决方案，请帮助我。

Answer 1

将项目从1.2更新到1.3并且工具提示停止工作后，我遇到了同样的问题。似乎Angular 1.3存在一个错误。你可以在这里读到它： https://github.com/angular-ui/bootstrap/issues/2828

我通过在每个工具提示上添加一些额外的属性来解决问题：

<div tooltip="After today restriction" tooltip-trigger tooltip-animation="false" tooltip-placement="bottom">Hover me</div>

Answer 2

我正在使用1.3.5并添加

tooltip-trigger tooltip-placement="top"

诀窍。

Answer 3

在Angular 1.3.14和Angular UI Bootstrap 0.11.2中，您需要包含以下所有属性才能使工具提示有效：

tooltip="Edit notifications"
tooltip-trigger
tooltip-animation="false"
tooltip-placement="top"

Answer 4

我可以通过添加属性

让我的工具提示再次开始工作

tooltip-trigger

......这就是我所需要的一切。我通常在我的所有工具提示中使用相同的属性，除了我倾向于动态改变响应性的位置。

虽然其他回复声明您必须使用tooltip-placement="top"或tooltip-placement="bottom"，但我并未发现这种情况。每个工具提示位置都适合我。我正在使用Angular 1.4.8。

在我使用的每个工具提示中：

tooltip-trigger
tooltip-placement="{{tooltip-placement}}"
tooltip="{{tooltip}}"
tooltip-append-to-body="true"

就像我说的那样，添加tooltip-trigger属性使它对我有用。

我删除了属性tooltip-append-to-body作为测试，我的工具提示仍然有效。

在我的结论中，添加tooltip-trigger作为属性是对此的修复。

ui.bootstrap工具提示停止工作

4 个答案: