我对Ember.js和Ember-cli都比较陌生,非常感谢在自定义视图中使用 jquery工具提示.所有代码都在下面,但是当我注入模板时,我收到以下控制台错误: [Error] TypeError: 'undefined' is not a function (ev
[Error] TypeError: 'undefined' is not a function (evaluating 'Ember.$().tooltip()')
我在名为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'}); } });
相关的模板代码是:
{{#view "tooltip" titleBinding="item" placement="right"}}<span><img class="app_info_icon" id="typeInfoIcon" src="/assets/images/info_icon.png"></img></span>{{/view}}
我该如何解决这个问题?
解决如下:> Jquery的小部件等不包含在标准jquery中
ember-cli使用的库.它必须使用bower install添加–save jquery-ui
>然后,您必须将以下行添加到Brocfile.js:
app.import( ‘bower_components / jQuery的UI / jquery的-ui.js’);
app.import( ‘bower_components / jQuery的UI / UI / tooltip.js’);
>正如@Leeft指出的那样,从视图或引用jQuery时组件这个.$()应该使用,而不是Ember.$()>确保在0.40之后使用Ember-CLI版本.