当前位置 : 主页 > 网页制作 > JQuery >

在Ember-cli中使用jquery

来源:互联网 收集:自由互联 发布时间:2021-06-15
我对Ember.js和Ember-cli都比较陌生,非常感谢在自定义视图中使用 jquery工具提示.所有代码都在下面,但是当我注入模板时,我收到以下控制台错误: [Error] TypeError: 'undefined' is not a function (ev
我对Ember.js和Ember-cli都比较陌生,非常感谢在自定义视图中使用 jquery工具提示.所有代码都在下面,但是当我注入模板时,我收到以下控制台错误:

[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版本.

网友评论