Emberjs：加载Handlebars模板后未调用Jquery函数

Question

我有一个 EmberJS 应用程序，我在其中尝试调用一个 jquery 函数，该函数使用 .css() 将一些 div 元素定位在页面上，用于特定的把手模板。

我的问题是，当 EmberJS 在模板中加载到我的应用程序时（无论是通过 url 更改还是 {{linkTo}}，jquery 函数都不会被触发。也就是说，如果我刷新页面，它们会触发就好了一切都很好。此外，我有一个事件监听器，用于检测页面是否改变宽度，这将导致函数重新触发，这也很好。

我的猜测是 Ember 在最初加载模板后实际上并没有调用 jquery 函数。无论如何要解决这个问题？我想知道是否应该尝试使用把手直接从我的 scripts.js 调用一个函数？感谢您的帮助！

此外，如果不利用视图，这是否可能？或许只有 Handlebars 和组件？

Answer 1

您需要将类似的代码放在视图的didInsertElement 方法中。例如，如果你的模板是project/index，你会这样做：

App.ProjectIndexView = Ember.View.extend({
    template: 'project/index',
    didInsertElement: function() {
    /// Your jQuery code here
    }
});