0

この依存関係を使用しています

  • jquery-ui-1.8.18.custom.min.js (カスタムですが、すべての jqueryui コンポーネントを使用)
  • jquery-1.7.1.min.js
  • spinjs 1.0.6

jqueryuiを使用して小さなspinejsアプリケーションを開発しています。私は本当に基本的なspine.controllerを持っています

http://pastie.org/3798705

show メソッドでいくつかの jqueryui 効果を使用してみます。このドキュメントによると、これはhttp://jqueryui.com/demos/show/で動作するはずです。

@sidebar.el.show('slow')
//or
@sidebar.el.show('bounce',{ percent: 100 },2000);
//or
@sidebar.el.show('explode',{to: { width: 280, height: 185 }},2000);

残念ながら、アニメーション効果は見られませんが、アニメーション終了後のコールバックは問題なく機能します。また、アニメーションの速度を 5000 などの非常に高い数値に設定すると、遅延が発生し、html 要素が表示されてコールバックが発生します (アニメーションの終了)。

PS：fadeIn（）関数は期待どおりに機能します

ps2: すべての CSS を削除し、これだけを残します

.sidebar
  background-color: red;
  width: 300px;
  height: 300px;
4

1 に答える 1

1

これはおそらく、アニメーションを開始したときに、アニメーション化しようとしている要素の親「スタック」がまだ非表示になっているためです。

スタックへの要素の追加を処理するコントローラーのコンストラクターから render() 関数を呼び出す方が理にかなっています。ここでこれを行う方法の例をいくつか見ることができます: http://spinejs.com/docs/controller_patterns

于 2012-04-18T14:36:51.777 に答える