knockout.js - 如何在使用敲除数据绑定渲染模板后均衡一组 DOM 元素高度？

Question

我目前正在使用带有淘汰赛的 twitter 引导程序，并且在使用从计算的 observable 返回的数组上的 foreach 循环渲染模板后，我正在尝试调整渲染 DOM 中一组元素的高度。我最初通过使用 afterRender 事件解决了这个问题，但我还没有设法获得函数来进行我需要的更改。

我有一个我想要实现的静态案例，所以我真的很感激使用 foreach 绑定在渲染计算的 observable 后动态调整高度的一些帮助。

这是静态案例的小提琴。http://jsfiddle.net/lset/rr3ja/1/

请注意底部的查询更改了 .caption1 元素的高度。

Answer 1

显然你不能真正使用 afterRender 事件，因为它会在每个单独的项目被渲染后被调用，但是你需要在所有项目都被渲染后设置大小。您可以这样做的一种方法是在最后一项上具有一些属性，以便您可以在 afterRender 事件中知道这是最后一项（或者您可能只是将其与列表中的最后一项进行比较）。然后，您可以使用此测试来触发您调整所有元素的大小。过去，我只是比较了最后一项的索引，因为无论如何我通常都会通过可观察数组向 all 添加索引属性。