Ich bin sowohl für Ember.js als auch für Ember-cli relativ neu und würde mich über Hilfe bei der Verwendung eines JQuery-Tooltips in einer benutzerdefinierten Ansicht sehr freuen. Der gesamte Code ist unten, aber wenn meine Vorlage injiziert wird, wird der folgende Konsolenfehler angezeigt:

[Error] TypeError: 'undefined' is not a function (evaluating 'Ember.$().tooltip()')

Ich verwende eine benutzerdefinierte Ansicht in einer Datei namens tooltip.js:

import Ember from 'ember';

export default Ember.View.extend({

  tagName:  'span',
  title:  'The tooltip title',
  html: true,
  placement:  'top',
  didInsertElement: function(){
    Ember.$().tooltip({"html": this.get('html'),  
                                        "title":this.get('title'),
                     ,                   "placement":this.get('placement'), 
                                        container: 'body'});

  }
});

Der relevante Vorlagencode lautet:

{{#view "tooltip" titleBinding="item" placement="right"}}<span><img class="app_info_icon" id="typeInfoIcon" src="/assets/images/info_icon.png"></img></span>{{/view}}

Wie kann ich das bitte beheben?