使用ember JS模板添加materialize工具提示

Question

我必须在Ember模板中的表单中添加一个materialize工具提示。

{{输入类=＆＃34;卡片面板灰色lighten-3表单字段工具提示＆＃34;数据位=＆＃34;底部＆＃34;数据延迟=＆＃34; 50＆＃34; data-tooltip =＆＃34;我是工具提示＆＃34; value = project_title id =＆＃34; project_title＆＃34;占位符=＆＃34;项目标题＆＃34;}}

为此，我需要添加

$（document）.ready（function（）{$（＆＃39; .tooltipped＆＃39;）。tooltip（{delay：50}）;}）;

我无法理解在哪里添加此代码以显示工具提示。我尝试在views文件夹中的application_view.js但它没有工作

Answer 1

添加重新打开TextSupport的初始值设定项。在 initializers / tooltip.js ：

export default {
  name: "tooltip",

  initialize: function(container){
    Ember.TextSupport.reopen({
      initTooltip: function(){
        if(this.$().is("[data-tooltip]")){
          this.$().tooltip({delay: 50});
        }
      }.on('didInsertElement')
    });
  }
};

应该工作。