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文档中的example来了解如何在每次转换时添加Google分析跟踪。

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

每次在路线之间转换时，上面的代码都会运行，你可以在一个地方定义它。