Javascript 如何设置canjs模板的动画

有人能解释一下如何设置胡子模板的动画吗？ 我正在跟踪来自的文档 我已经从下载了动画。我已添加到我的app.js文件中。 那么，我如何在应用程序中加载该文件呢

我已经在模板中编写了这段代码，但它不起作用

<div>
<ul can-animate-fade-out="fast" can-animate-fade-in="slow">
   <li>Hello</li>
   <li>I am learning</li>
   <li>javascript</li>
</ul>
</div> 

define(['can', 'jquery','animate'], function (can, $, animate) {
  var Animate = can.Control.extend({
    defaults: { }
  }, {
    init: function() {
        console.log('javascript initialised');
    }
  });
  return Animate;
});

你好
我在学习
javascript

定义（['can'，'jquery'，'animate']，函数（can，$，animate）{
var Animate=can.Control.extend({
默认值：{}
}, {
init:function（）{
log（“javascript初始化”）；
}
});
返回动画；
});

我正在使用requirejs for AMD支持，并尝试在我的requirejsconfig文件中加载can动画。我已经将我的can-animate.js存储在canjs/amd-dev/can/can-animate/src/lib中

有人能给我一个使用它制作DOM元素动画的完整示例吗？

您应该使用：

can-animate-fade-in="fast".  

---

请参阅。

在CanJS 4.0中，您可以这样做（使用jQuery作为动画库，您可以选择任何其他动画库）：

然后在模板中：

<div on:click="fadeIn()">

您能将其添加为JSFIDLE吗？@Sumodhkrishna:添加了我的代码。看起来您的标记中缺少动画。试试这个：

@FionnaChan:thanx但它不起作用你能在canjs控制器中创建一个带有requirejs的示例吗？这样我才能弄清楚。

<div on:click="fadeIn()">