我可以在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
}
});
除了所有内容尚未加载,即图像尚未加载,因此上面的计算错误时,这几乎可以正常工作。
答案 0 :(得分:1)
在afterRenderEvent中你可以使用一些等待图像完全加载的jQuery逻辑
afterRenderEvent : function(){
$(photo).bind('load',doSomething());
}