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

Question

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

{{input class="card-panel grey lighten-3 form-field tooltipped" data-position="bottom" data-delay="50" data-tooltip="I am tooltip" value=project_title id="project_title" 占位符="Project Title"}}

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

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

应该可以。

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

Adding materialize tooltip with ember JS template

javascript

jquery

materialize

ember.js