Ember Bootstrap插件

Question

我正在使用Ember的Bootstrap Table插件。当我执行以下代码时，它可以工作：

HBS

<table id="table" class="header-fixed"></table>
<script type="text/javascript">
  $('#table').bootstrapTable({{jsonHelper table}});
</script>

但是我试图将我的所有javascript移出temmplate并进入javascript文件。以下不起作用：

HBS

<table id="table" class="header-fixed"></table>

JS

didInsertElement: function() {
  this.$('#table').bootstrapTable(this.get('table'));
}

我收到以下错误：Uncaught TypeError: this.$(...).bootstrapTable is not a function。

我的ember-cli-build.js中有以下内容：

app.import('bower_components/jquery/dist/jquery.min.js');
app.import('bower_components/bootstrap/dist/css/bootstrap.min.css');
app.import('bower_components/bootstrap/dist/js/bootstrap.min.js');
app.import('bower_components/bootstrap-table/dist/bootstrap-table.min.css');
app.import('bower_components/bootstrap-table/dist/bootstrap-table.min.js');

所以应该导入bootstrapTable。它显然是导入，因为它在我从模板文件执行命令时起作用。非常感谢任何帮助。