Question

我有一个Ember应用程序加上Bootstrap。我已经为我的应用程序的其余部分提供了工具提示，但它从未实例化隐藏在把手条件中的元素。通过用户单击将条件设置为true时，工具提示不会应用于链接。

查看

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

HBS

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

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

我正在使用Ember v1.13。升级现在不是一种选择。

Answer 1

您可以观察propertyIsTrue属性：

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

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

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

1 个答案: