javascript - Ember.js 在模板渲染上加载 jquery(无刷新)

Question

我创建了一个 ember.js 模板 (about.hbs)。我想在页面上运行一些 jQuery，但 jQuery 仅在我重新加载页面时才起作用。

我真的不知道应该在哪里放置 jQuery 代码以使其在模板呈现时运行。此时我已将其放入 Controller 中。

   App.AboutController = Ember.ObjectController.extend({
       $(document).ready(function() {
         //my jquery code
       });
    });

有人可以帮我吗？

Answer 1

您将需要生命周期回调( see Ember docs )。当模板渲染时，Ember 将触发 didInsertElement 回调。您可以简单地将自己的代码添加到此函数中，如果您想在该回调中使用任何 jQuery，则必须记住范围:this.$()

您的代码将如下所示:

didInsertElement: function(){
  this.$() //jquery code
}