javascript - ember 模板中的循环完成后执行 jQuery 函数

标签 javascript jquery twitter-bootstrap ember.js

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

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

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

我正在模板中的 {{#each}} 循环内创建可折叠“小部件框”列表,并希望调用 Bootstrap jQuery 函数 (widget_boxes() ) 完成循环后。

最佳答案

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

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

关于javascript - ember 模板中的循环完成后执行 jQuery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22011075/

相关文章:

javascript - 鼠标悬停时的 SVG 工具提示?

javascript - 在 javascript 中将对象转换为字符串,且键中不带引号

javascript - 如何用 JSON 数组中的值替换现有键?

jquery - 如何通过动态创建的 id 从 gridster.js 中删除单个小部件

Javascript防止点逗号等

jquery - bootstrap popover 中的 html 表单不起作用

javascript - Bootstrap Carousel 无法在 asp.net Webform 中工作

html - Bootstrap 3 left close bar 100% height with container-fluid

javascript - Angular View 自动重定向到默认(否则) View

html - 如何使两个 ul li 元素内联?