0

私の ember-cli プロジェクトでそれらを使用する必要があります。

始める方法は？

私は端末に書いた：

bower install isotope --save

次に、ember-cli-build.jsに を追加しましapp.import ecc...たが、どうすればよいかわかりません。

次のように、初期化スクリプトを配置する場所:

$('.grid').isotope({
  // options
  itemSelector: '.grid-item',
  layoutMode: 'fitRows'
});

application.hbsに入れるとエラーが発生し、ルートを変更する{{#link-to}}と機能しなくなります。

何をすべきか？

Web には、これに関する多くのリソースはありません。

4

1 に答える 1

1

コンポーネントを作成する必要があります。

ember g component isotope-grid

次に、コンポーネントのdidInsertElementフックでisotope、コンポーネントの jQuery 要素を呼び出す必要があります。

import Ember from 'ember';

export default Ember.Component.extend({
    classNames: ['grid'], 

    didInsertElement() {
      this.$().isotope({
        // options
        itemSelector: '.grid-item',
        layoutMode: 'fitRows'
      });
    }
})

次に、を使用する代わりに、次を使用<div class="grid"></div>します。

{{#isotope-grid}}
  ... HTML goes here
{{/isotope-grid}}
于 2015-09-28T13:40:58.330 に答える