jquery - 将knockoutJS数据绑定(bind)模板插入容器后刷新砖石布局

Question

我有一个 knockout 模板绑定(bind)，用于将 div 列表绑定(bind)到可观察数组:

<div class="menu-instance-entries js-masonry" data-masonry-options='{ "gutter": 20, "itemSelector": ".menu-entry" }' data-bind="template: { name: 'menu-entries-template', foreach: MenuEntries }"></div>

MenuEntries是一个可观察数组，它通过绑定(bind)到 View 模型函数的点击处理程序获取新元素“push ed”。

.menu-instance-entries 中元素的布局容器由 masonry 控制插件，为了进行手动绝对定位，需要调用 $container.masonry( 'prepended', elements )传递元素集合。

我可以控制可观察集合的位置.push发生了，但我不知道如何通过模板从新创建的 div 中获取 jQuery 元素，以传递到对 masonry 插件的 jQuery 调用。

我应该怎么做才能通过可观察数组添加 knockout 元素来更新布局？

Answer 1

您可以使用模板绑定(bind)的 afterAdd 或 beforeRemove 函数，但我建议不要这样做，因为您从 ViewModel 获取对 DOM 的依赖关系。

最好创建一个自定义绑定(bind)来处理 masonry 和 KO 之间的交互