Javascript 在页面加载时初始化“隐藏”工具提示

各位好:

我的问题与引导工具提示有关。确切地说，我在第5页中有很多工具提示

工具提示大致如下所示：

<span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="top" title="{{'calculation.ttSD' | translate}}"></span>

我在页面的最顶端初始化它们，就在使用classic之后：

<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>

大多数工具提示初始化时没有任何问题，但是2不能正常工作。页面的某些部分在页面加载时隐藏，并根据用户输入的内容显示

例如：

<tr ng-if="condition == 'true'">
<label data-translate="the.text.to.put.in.the.label"/>
<span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="top" tittle="someText">

这些工具提示在开始时未正确初始化。作为一个快速修复，我只是复制了上面的javascript，并将其放在工具提示之后，这很有效。但这扼杀了干式原理，因为相同的js在页面中出现了3-4次

如果有一种方法可以初始化所有引导工具提示（无论是否隐藏），那么有什么更好的方法呢

谢谢：

ng如果阻止呈现DOM元素。因此，document.ready中的初始化将不会对ng if false元素生效

相反，您可以使用ng show/ng hide，因为它们只更改显示css权限

将示例修改为ng show而不是ng if

希望它能有所帮助

ng如果阻止它们连接到DOM，那么随后它们将不会被渲染。

<tr ng-show="condition == 'true'">
<label data-translate="the.text.to.put.in.the.label"/>
<span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="top" tittle="someText">