带有第三方主题模板的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')
});

每次在路线之间转换时，上面的代码都会运行，您只需将其定义在一个位置即可。