在ember模板完成循环后执行jQuery函数

时间:2014-02-25 10:17:51

标签: javascript jquery twitter-bootstrap ember.js

我正在开发的应用程序使用带有引导程序的ember.js,我遇到的问题是调用jQuery函数 AFTER ember模板 FULLY 已完成渲染(包括循环)。

我想解决的具体问题是如何在模板中的{{#each}}循环结束后调用bootstrap jQuery函数。

我使用了didInserElement()Ember.run.scheduleOnce('afterRender', this, this.afterRenderEvent),但它们并没有解决我的循环问题。

我在模板的{{#each}}循环中创建了一个可折叠的'widget-boxes'列表,并希望在完成循环后调用bootstrap jQuery函数(widget_boxes())

2 个答案:

答案 0 :(得分:0)

我不确定您是否需要在整个列表或列表的每个元素上调用widget_boxes。如果它在每个元素上,您可以为each循环内的每个项添加单独的视图,并在其didInsertElement方法中运行您的小部件功能。

答案 1 :(得分:0)

为了解决这个问题,我使用了'accordion'的boostrap小部件(而不是'widget-box')。这使我能够在{{#each}}创建的列表中定位正确的折叠面板。

<div id="accordion" class="accordion-style1 panel-group">
{{#each item in list}}
    . . . accordion toggle
    . . . accordion panel