部分渲染后的事件？

Question

我的视图包含一个包含{{partial partialName}}帮助器的模板。通过运行循环运行 $(document).foundation();之后给定的部分生成基础工具提示的标记，这意味着工具提示不会被拾取。

基金会对动态生成内容的建议是重新初始化基础。

我通过使用以下内容尝试这样做，但没有成功：

• didInsertElement
• Ember.run.scheduleOnce ...＆＃39; afterRender＆＃39;
• 扩展内置{{partial}}助手

如何在将Partial的内容呈现到DOM中后运行函数？

Answer 1

didInsertElement适用于部分来自的视图。因此，假设您的partial位于索引视图中，我们将创建索引视图：

App.IndexView = Em.View.extend({

  // or didInsertElement: function(){}

  foundationizeIt: function(){
    $(document).foundation();
  }.on('didInsertElement') 
});

http://emberjs.jsbin.com/jasisawi/1/edit

Answer 2

我没有考虑到的一点是，部分依赖于异步加载的数据。我需要在绑定数据可用后重新初始化基础 。

在回调中，我使用了运行循环：

Ember.run.scheduleOnce('afterRender', this, function() {
  // Reinitialize Foundation components that have been rendered since data loaded
  $(document).foundation();
});