jquery - 在 Ember 中渲染模板后执行脚本

Question

我需要打电话

jQuery('#nav').spasticNav();

用于在我的菜单上激活 spasticNav 动画；菜单 (#nav) 包含在 Ember 应用程序主模板中:

<script type="text/x-handlebars" data-template-name="index">
...
<div id="nav">...</div>
...
</script>

在使用 Ember 之前，我在 </body> 之前调用了 spasticNav标签，但现在我必须等待模板完全渲染之前；我该怎么做？

Answer 1

View 渲染到 DOM 后需要执行的所有操作都可以在 View 的 didInsertElement 钩子(Hook)中完成。

例如，如果您的 View 名为 index，则定义一个 View :

App.IndexView = Ember.View.extend({
  didInsertElement: function() {
    jQuery('#nav').spasticNav();
  }
});

希望有帮助。