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

Question

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

{{input class="card-panel gray lighten-3 form-field tooltipped"data-position="bottom"data-delay="50"data-tooltip="I am tooltip"value=project_title id="project_title"placeholder="项目标题"}}

为了让它工作，我需要添加

$(文档).ready(函数(){$('.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')
    });
  }
};

应该可以。