如何让Jquery插件与emberJS一起使用？

Question

我正在尝试使用Jquery FlowType Plugin在我的网页上制作响应式文字。在设置ember之前一切正常，现在插件停止运行了。

Javascript for plugin：

<script>
    $('p').flowtype({
        fontRatio: 10
    });

    $('h1').flowtype({
        minFont: 40,
        maxFont: 140,
        fontRatio: 6
    });
</script>

HTML（在ember模板中）

<script type='text/x-handlebars' data-template-name='index'>
    <h1>Writers Week</h1>
</script>

Applictaion.js（Ember路线）

var App = Ember.Application.create({
    LOG_TRANSITIONS: true
});

App.Router.map(function () {
    this.route('about');
})

经过一番研究，我发现你需要将插件包装在ember js代码中，但我不知道该怎么做。任何帮助表示赞赏！

Answer 1

您需要在呈现视图之后运行JQuery 。您可以使用didInsertElement。

执行此操作

App.ApplicationView = Ember.View.extend({
    didInsertElement: function () {
        this._super();

        this.$('p').flowtype({
            fontRatio: 10
        });

        this.$('h1').flowtype({
            minFont: 40,
            maxFont: 140,
            fontRatio: 6
        });
    }
})