帶有第三方主題模板的Ember.js

Question

我想將Ember.js與Themeforest的網站模板一起使用（帶有html，css和js文件）。

模板中的主要Javascript文件的問題在於，當文檔准備就緒時，它僅被調用一次，但是我想在用戶每次更改其路線時都調用它。

例如，每次調用新路由時，都會有一個新的<div class="page-content"></div> ，但是不會執行以下jQuery行。

$('.page-content').wrapInner('<div class="page-content-inner"></div>');

您是否有任何干凈的方法解決此問題的想法？ 我不想更改具有約1200行的模板的主Javascript文件的每一行。

謝謝您的幫助

Answer 1

您可以使用Ember文檔中的此示例 ，了解如何在每次轉換時添加Google Analytics（分析）跟蹤。

App.Router.reopen({
  notifyGoogleAnalytics: function() {
    return ga('send', 'pageview', {
        'page': this.get('url'),
        'title': this.get('url')
      });
  }.on('didTransition')
});

每次在路線之間轉換時，上面的代碼都會運行，您只需將其定義在一個位置即可。