剑道；Aurelia:jQuery（…）。kendoPager不是函数

我正试图让剑道在奥雷利亚工作，这不是一件容易的事

VM attached（）钩子内的以下调用在shim.min.js:1444中引发了“jQuery（…）.kendoPager不是函数”异常：

jQuery("#pager").kendoPager({
  dataSource: dataSource
});

我尝试了多种方法来定义GlobalBehavior.jQueryPlugins（）设置，到目前为止，以下是我在main.js中的最佳尝试：

import {GlobalBehavior} from 'aurelia-templating-resources';
GlobalBehavior.jQueryPlugins["kendopager"] = "kendoPager";

不幸的是，没有太多关于这一点的文档，所以一个是在黑暗中刺激了一点，所以任何帮助将不胜感激

正常的jQuery函数在这里工作得很好，所以问题似乎与使用剑道有关

---

提前感谢

您使用JSPM安装了依赖项，但您还需要将其导入到VM类文件中。将此导入语句放在文件的顶部：

import {kendoUi} from 'kendo-ui';

之后，您将能够在

附件中使用

挂钩：

jQuery("#pager").kendoPager({
  dataSource: dataSource
});

请注意，最好不要引用DOM元素，而是使用硬编码选择器。您最好在模板中创建对元素的引用

<div ref="pager"></div>

---

您是否安装了带有

jspm

的插件？实际上，我没有安装，因为我遵循了Aurelia团队成员之一所做的kendo-spike2示例，其中kendo只是包含在index.html文件中。我现在已经完成了“jspm安装剑道ui”，它成功地执行了。。。但错误依然存在。我想我现在需要添加适当的导入语句来包含剑道-我只需要弄清楚如何做到这一点…我在这里写了一篇关于创建自定义元素来包装css框架的博客：有什么地方可以看到这个工作的示例吗？我正在努力使用一个类似的插件（selectize.js）。要在ActionSelectizeHello world中查看jQuery和附加方法

jQuery(this.pager).kendoPager({
  dataSource: dataSource
});