Ember：在 DOM 更改后重新实例化引导工具提示答案

【问题标题】：Ember: Reinstantiate bootstrap tooltip after DOM changeEmber：在 DOM 更改后重新实例化引导工具提示
【发布时间】：2016-04-04 18:46:56
【问题描述】：

我有一个与 Bootstrap 相结合的 Ember 应用程序。我的应用程序的其余部分的工具提示工作正常，但它永远不会为隐藏在车把条件中的元素实例化。当通过用户单击将条件设置为 true 时，工具提示不会应用于链接。

查看

 didInsertElement: function(){
   Ember.$('[data-hover="tooltip"]').tooltip({trigger:'hover'});
 }

哈佛商学院

{{#if propertyIstrue}}
    <a href="#" title="Show Me Something" data-hover="tooltip" data-placement="left">Hover These</a>
{{/if}}

所以基本上propertyIsTrue 是一个在用户单击另一个按钮时设置为true 的属性。显示链接时，不会应用工具提示。我需要解决这个问题。

我使用的是 Ember v1.13。目前无法升级。

【问题讨论】：

标签： twitter-bootstrap ember.js

【解决方案1】：

您可以观察propertyIsTrue 属性：

initToolTip: function () {
  if (this.get("propertyIsTrue")) {
    Ember.$('[data-hover="tooltip"]').tooltip({trigger:'hover'});
  }
}.observes("propertyIsTrue")

您可能需要将工具提示行放在 Ember.run.next 内，以确保工具提示元素已进入 DOM。

【讨论】：