在使用挖空数据绑定渲染模板后，如何均衡一组DOM元素高度？

Question

我目前正在使用带有knockout的twitter bootstrap，我正在尝试使用从计算的observable返回的数组上的foreach循环渲染模板后调整渲染DOM中一组元素的高度。我最初通过使用afterRender事件来解决问题，但我还没有设法让函数进行我需要的更改。

我有一个我想要实现的静态情况，所以我真正欣赏的是使用foreach绑定在渲染计算的observable之后动态调整高度的一些帮助。

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

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

Answer 1

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