ember-cli import datatables

Question

我想使用Ember-cli女巫导入jquery-dataTables。

在Brocfile.js，我导入如下文件：

app.import('bower_components/jquery/dist/jquery.min.js');
app.import('bower_components/datatables/media/js/jquery.dataTables.js');
app.import('bower_components/bootstrap/dist/js/bootstrap.min.js');

我在data-wrapper.js中生成一个组件数据包装器，如下所示：

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'table',
  classNames: ['table','table-striped','table-bordered','dataTable'],
  _didInsertElement: function() {

    var $ = Ember.$;
    $().dataTable ({

    });
  }.on('didInsertElement')
});

在data-wrapper.hbs，如下：

{{yield}}

和application.hbs，就像这样

{{#data-wrapper}}
  <thead>...</thead>
  <tbody>...</tbody>
{{/data-wrapper}}

但是，当我运行项目时，javascript控制器在行显示错误的uncaught TypeError: undefined is not a function

$().dataTable ({
}) 

Answer 1

如果您尝试在组件jquery元素上调用函数，请使用$方法。

像：

_didInsertElement: function() {
  this.$().dataTable();
}.on('didInsertElement')

http://emberjs.com/api/classes/Ember.View.html#method__