0

カルーセル、できれば caroufredsel http://caroufredsel.dev7studios.com/を ember サイトのいくつかのテンプレート/ルートに追加したいと思います。私はそれを行うための最良の方法は何だろうと思っていましたか？

スライドさせたい項目を起動するために必要なのは、次の jQuery 関数だけです。

$(document).ready(function() {
    $("#foo1").carouFredSel();
});

アプリ内でこれを配置するのに最適な場所はどこだと思いますか?

4

1 に答える 1

1

Viewカルーセルを持つテンプレートのカスタムを作成するのに最適な場所です。次に、didInsertElementフックを使用して、カルーセルのマークアップがドキュメントに入ったら、ウィジェットを初期化します。willDestroyElementドキュメントからマークアップを削除する前に、フックを使用してカルーセルを破棄することもできます。

つまり、/carouselルートがあり、これを'carousel'テンプレートとして持っているとしましょう。

<div id="foo1">
    <!-- Other carousel markup goes here-->
</div>

次に、Viewこのようなものを作成します。

App.CarouselView = Ember.View.extend({
  didInsertElement : function(){
    $("#foo1").carousel();
  },
  willDestroyElement : function(){
    $("#foo1").trigger("destroy");
  }
});
于 2013-09-23T04:53:50.697 に答える