如何使jquery插件與emberJS一起使用？

Question

我正在嘗試使用Jquery FlowType Plugin在我的頁面上製作響應式文本。在設置餘燼之前一切正常，現在插件停止運行。

的JavaScript插件：

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

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

HTML（以燼模板）

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

Applictaion.js（恩伯路由）

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