Question

我需要在我的ember-cli项目中使用它们。

如何开始？

我在终端写道：

showInView:

然后在我的 ember-cli-build.js 中我添加了bower install isotope --save，但后来我不知道该怎么做。

在哪里放置我的初始化脚本，如下所示：

app.import ecc...

如果我把它放在 application.hbs 中，它会给我一个错误，当我用$('.grid').isotope({ // options itemSelector: '.grid-item', layoutMode: 'fitRows' });更改路线时，它就不再有用了。

怎么办？

在网络上关于此的资源并不多。

Answer 1

您应该创建一个组件：

ember g component isotope-grid

然后，在组件的didInsertElement挂钩中，您应该在组件的jQuery元素上调用isotope：

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}}

Ember-cli，Masonry，Isotope，Packery。如何使用？

1 个答案: