Question

由于Bootstrap工具提示在从DOM中删除触发它的元素时仍然存在（请参阅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进行设置时，其他选项按预期工作，所以我认为问题不在那里。我只是不确定要设置什么值。

Answer 1

我终于回过头来看这个，结果发现我们使用的是没有这个选项的旧版bootstrap。我升级到最新版本，它现在正如预期的那样工作。我很抱歉在发布问题之前没有注意到。

Answer 2

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

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

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

2 个答案: