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

Question

我必须在 Ember 模板中的表单输入中添加具体化工具提示。

{{input class="card-panel gray lighten-3 form-field tooltipped" data-position="bottom" data-delay="50" data-tooltip="我是工具提示" value=project_title id=" project_title" placeholder="项目名称"}}

为此，我需要添加

$(document).ready(function(){$('.tooltipped').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')
    });
  }
};

应该可以。