使用Ember.js,如何渲染视图后运行一些JS?

Mar*_*hes 43 ember.js

在将Ember View插入DOM后如何运行函数?

这是我的用例:我想使用jQuery UI可排序以允许排序.

Roy*_*els 64

您需要覆盖didInsertElement"当视图的元素已插入DOM时调用.覆盖此函数以执行任何需要文档正文中的元素的设置."

didInsertElement回调中,您可以使用this.$()获取视图元素的jQuery对象.

参考:https://github.com/emberjs/ember.js/blob/master/packages/ember-views/lib/views/view.js

  • 在你的didInsertElement重写中,你可以引用`this.$()`来获取DOM元素的jquery包装器的句柄. (10认同)
  • 我有一个视图,我在其模板中渲染一组模型.我在didInserElement函数上放了一个断点,我可以看到它在呈现元素列表之前触发.我需要在每次更改后执行一些逻辑****.有没有办法实现这个目标? (4认同)
  • 马克:你可能会发现这篇文章很有用.当我不得不让JUI和SC2工作时,它帮助我回来了.注意:自从撰写本文以来,某些api可能已经更改,因此可能不会剪切和粘贴代码.[http://yehudakatz.com/2011/06/11/using-sproutcore-2-0-with-jquery-ui/](http://yehudakatz.com/2011/06/11/using-sproutcore-2 -O-与-jQuery的UI /) (3认同)