针对jQuery UI的Knockout自定义绑定可排序 - 奇怪的行为

Question

我正在使用jQuery Sortable和Knockout来维护一个数组.

http://jsfiddle.net/daniel_white/KrGY8/3/

请注意,拖动项目时,它们会复制或消失.

有谁知道我怎么解决这个问题？

Answer 1

当您使用jQuery UI可排序时,KO的项目映射会基于空文本节点而变得有些混乱.

您可以删除"模板"中的文本节点,如:http://jsfiddle.net/rniemeyer/KrGY8/5/

或者删除现有项目并将其放回到正确的位置,分两步(更新observableArray两次):http: //jsfiddle.net/rniemeyer/KrGY8/4/

我还写了一个绑定插件,用于在Knockout中使用jQuery sortable,它提供了一些额外的功能:https://github.com/rniemeyer/knockout-sortable