如何将引导工具提示元素附加到指定元素答案

【问题标题】：How to append Bootstrap tooltip element to specified element如何将引导工具提示元素附加到指定元素
【发布时间】：2013-02-13 06:23:20
【问题描述】：

由于在从 DOM 中删除触发它的元素时，Bootstrap 工具提示仍然存在（请参阅https://github.com/twitter/bootstrap/issues/3647 和 https://github.com/twitter/bootstrap/issues/2298），我希望将工具提示元素附加到我知道当我被删除的元素上在我的应用程序中有这个问题。 documentation 提到了 container 选项，但我似乎无法让它工作。我不确定到底该把什么作为价值。我尝试将字符串设置为 jQuery 选择器（例如“#MY_ELEMENT_ID”），但它一直将工具提示附加到正文。这个选项期望什么价值？

附带说明，我通过Angular-UI 设置此选项。所以，像这样：

myModule.value('ui.config', {
    jq: {
        tooltip: {
            placement: "bottom",
            container: "#MY_ELEMENT_ID"
        }
    }
});

通过 Angular-UI 进行设置时，其他选项按预期工作，所以我认为问题不存在。我只是不确定要设置什么值。

【问题讨论】：

标签： twitter-bootstrap tooltip angular-ui

【解决方案1】：

我终于回过头来看看这个，结果发现我们使用的是旧版本的引导程序，它没有这个选项。我升级到最新版本，现在可以正常工作了。很抱歉在发布问题之前没有注意到这一点。

【讨论】：

【解决方案2】：

您可以尝试编写一个自定义实现，在范围被销毁时删除工具提示（您甚至可以收听广播）。

$scope.$on('$destroy', function(){
  // unload tooltip
});

【讨论】：