如何在EmberJS上呈现模板后捕获事件？

Question

我有一个使用砌体和Ember JS的应用程序我试图通过选择器搜索DOM元素,但它检索null它似乎我比模板渲染早做.拜托,帮我解决一下.

Answer 1

@GJK答案是对的,我只是想提供一个有效的例子:http://jsbin.com/enijad/3/edit

App.IndexView = Ember.View.extend({
  didInsertElement: function() {
    var $container = $('#container');
    $container.masonry({
      columnWidth: 150,
      itemSelector: '.item'
    });
  }
});

didInsertElement将视图插入DOM时将调用该函数,因此可以安全地初始化其他库.

另外值得一提的是,如果在从DOM中删除视图后需要进行一些清理,则可以在didInsertElement的对应钩子willDestroyElement中执行此操作.

例:

App.IndexView = Ember.View.extend({
  didInsertElement: function() {
    // do initialization here
  },
  willDestroyElement: function() {
    // and here you can remove stuff safely
  }
});

希望能帮助到你.