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

Question

我需要打电话

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

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

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

在使用 Ember 之前，我在标记之前调用了 spasticNav </body>，但现在我必须等待模板完全呈现；我怎样才能做到这一点？

Answer 1

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

例如，如果您的视图被调用index，则定义一个视图：

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

希望能帮助到你。