我正在开发的应用程序使用带有引导程序的ember.js
,我遇到的问题是调用jQuery函数 AFTER ember模板 FULLY 已完成渲染(包括循环)。
我想解决的具体问题是如何在模板中的{{#each}}
循环结束后调用bootstrap jQuery函数。
我使用了didInserElement()
和Ember.run.scheduleOnce('afterRender', this, this.afterRenderEvent)
,但它们并没有解决我的循环问题。
我在模板的{{#each}}
循环中创建了一个可折叠的'widget-boxes'列表,并希望在完成循环后调用bootstrap jQuery函数(widget_boxes())
。
答案 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