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

Question

由于从DOM中删除触发它的元素时，Bootstrap工具提示仍然存在（请参见https://github.com/twitter/bootstrap/issues/3647和https://github.com/twitter/bootstrap/issues/2298)，我想将工具提示元素添加到我知道在应用程序中遇到此问题时将被删除的元素。文档中提到了container选项，但我似乎无法让它发挥作用。我不知道该把什么作为价值。我尝试将字符串设置为jQuery选择器（例如"#MY_ELEMENT_ID"），但它一直将工具提示附加到正文中。此选项的预期值是多少？

顺便说一句，我通过Angular UI设置这个选项。所以，像这样：

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

当通过Angular UI进行设置时，其他选项也能正常工作，所以我认为问题不在那里。我只是不确定该设置什么值。

Answer 1

我终于重新开始研究这个问题，结果发现我们使用的是一个没有这个选项的旧版本的引导程序。我升级到了最新版本，现在它和预期的一样工作。我很抱歉在发布问题之前没有注意到这一点。

Answer 2

您可以尝试编写一个自定义实现，该实现在作用域被破坏时删除工具提示（您甚至可以收听广播）。

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