灰烬和窗户装钩

时间:2014-02-19 03:56:04

标签: javascript ember.js zurb-foundation

我可以在ember中使用哪个钩子只能在加载完所有内容后运行?

我正在使用zurb foundation的顶栏固定,一旦渲染了一个视图,我想做这样的事情来动态地放置我的身体:

$(window).load(function() {
    $("body").css("padding-top", parseInt($(".top-bar").css("height")) - 2);
});

我找到的最近的解决方案here是:

Ember.View.reopen({
  didInsertElement : function(){
    this._super();
    Ember.run.scheduleOnce('afterRender', this, this.afterRenderEvent);
  },
  afterRenderEvent : function(){
    // implement this hook in your own subclasses and run your jQuery logic there
  }
});

除了所有内容尚未加载,即图像尚未加载,因此上面的计算错误时,这几乎可以正常工作。

1 个答案:

答案 0 :(得分:1)

在afterRenderEvent中你可以使用一些等待图像完全加载的jQuery逻辑

afterRenderEvent : function(){
  $(photo).bind('load',doSomething());
}