如何动画canjs模板

Question

任何人都可以解释如何动画胡子模板？我正在关注 我从这里下载动画的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;
});

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

任何人都可以给我使用它动画DOM元素的完整示例吗？

Answer 1

你应该使用：

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

请参阅演示页面。