javascript - 带有第三方主题模板的 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

你可以使用这个example来自 Ember 文档，了解如何在每次转换时添加 Google 分析跟踪。

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

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