6

口ひげのテンプレートをアニメーション化する方法を説明できる人はいますか? ここ からアニメーションをダウンロードしたcanjs animationのドキュメントに従っています。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;
});

AMD サポートに requirejs を使用しており、requirejsconfig ファイルに can-animate をロードしようとしています。can-animate.js を canjs/amd-dev/can/can-animate/src/lib に保存しました。

それを使用してDOM要素をアニメーション化する完全な例を誰か教えてもらえますか?

4

2 に答える 2

0

以下を使用する必要があります。 

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

デモページをご覧ください。

于 2015-09-14T14:52:07.283 に答える